cssblog.ir logo
S

target

انتخاب‌ عنصری که آیدی آن با hash مرورگر برابر است

هنگامی که مقدار hash مرورگر با آیدی یک عنصر داخل صفحه برابر باشد، آن عنصر در وضعیت خاصی قرار می‌گیرد که توسط CSS قابل انتخاب است

این شبه کلاس زمانی عمل می‌کند که hash داخل URL صفحه (یعنی متنی که بعد از کارکتر # در آدرس صفحه آمده است) با ID یک عنصر برابر باشد.

برای مثال:‌ اگر نشانی صفحه این چنین باشد

http://exampledomain.com/page/contact.html#form

و در داخل صفحه عنصری با این آیدی وجود داشته باشد:

<div id="form">

</div>

این عنصر در حالت :target قرار خواهد گرفت و توسط این شبه‌سلکتور قابل انتخاب خواهد بود

مثال: اگر در صفحه عنصری با آیدیarticle وجود داشته باشد و در انتهای آدرس صفحه #article وارد شود سلکتور :target برای آن عنصر می تواند وارد عمل شود :

پرش مرورگر به پایین

همانطور که می دانید hash داخل URL باعث می شود که مرورگر به اندازه ای که موقعیت بالای آن عنصر در بالای صفحه قرار بگیرد به سمت پایین پرش خواهد کرد. پس در هنگام استفاده از hash باید چنین رفتاری را نیز مدنظر قرار داده و ببینیم که آیا چنین چیزی قابل قبول هست یا خیر.

ثبت در تاریخچه مرورگر

نکته مهم دیگر این است که وقتی کاربر آدرسی از وبسایت را به همراه یک hash مشاهده می کند آن مسیر بعنوان یک ورودی جدید در مرورگر ذخیره می شود.

عدم ارسال hash ها به سرور

نکته دیگری که درباره hash ها وجود دارد این است که آنها فقط در حیطه مرورگر عمل می‌کنند و مقدار hash به سرور ارسال نمی‌شود و سرور آدرس درخواست شده را به شکل عادی و بدون hash مشاهده خواهد کرد.

دیدگاه کاربران

تاکنون <% totalComments %> دیدگاه برای این مطلب ثبت شده است.

تاکنون دیدگاهی ثبت نشده است. شما می توانید اولین شخصی باشید که دیدگاه خود را ارسال می کند

<% errorMessage %>

<% comment.name %>

avatar
<% comment.comment_replies.length %> پاسخ برای این دیدگاه ثبت شده است

<% reply.name %>

avatar

ارسال دیدگاه جدید

برای ارسال دیدگاه یا پرسش جدید از طریق فرم زیر اقدام کنید.

ارائه پاسخ به دیدگاه

شما در حال پاسخ دادن به دیدگاه «<% replyComment.name %>» هستید. انصراف از پاسخ

  • <% s %>
  • <% e %>

نکاتی درباره دیدگاه ها

  1. برای حذف کپچا (عبارت امنیتی) وارد اکانت خود شوید
  2. شما می توانید از markdown داخل کامنت خود استفاده کنید (اطلاعات بیشتر)
  3. دیدگاه ها قبل از نمایش نیازمند تائید می باشند