خصیت target HTML <a>
تعریف و استفاده
target خصیت موقعیت باز کردن مستند لینک را مشخص می‌کند.
مثال
خصیت target موقعیت باز کردن مستند لینک را مشخص می‌کند:
<a href="https://www.codew3c.com" target="_blank">بازدید از CodeW3C.com</a>
عبارت
<a target="_blank|_self|_parent|_top|framename">
target کاربرد این خاصیت این است که به مرورگر اطلاع دهد که می‌خواهید منابع لینک شده را کجا نمایش دهید. به طور پیش‌فرض، مرورگر از پنجره، برگه یا فریم (iframe)ای که مستند فعلی را نمایش می‌دهد استفاده می‌کند، بنابراین مستند جدید جایگزین مستند فعلی خواهد شد، اما گزینه‌های دیگری نیز وجود دارد که در جدول زیر مشاهده می‌شوند:
مقدار属性
| مقدار | توضیحات |
|---|---|
| _blank | مستند لینک را در پنجره یا برگه جدید باز کنید. |
| _self | مستند لینک را در فریمی که روی آن کلیک شده است باز کنید (پیش‌فرض). |
| _parent | مستند لینک را در فریم پدر باز کنید. |
| _top | مستند لینک را در کل بدنه پنجره باز کنید. |
| framename | لینک مستند را در iframe مشخص شده باز کنید. |
توضیحات
اگر یک属性 target در یک برچسب <a> وجود داشته باشد، مرورگر مستندات نام‌گذاری شده با استفاده از属性 href این برچسب را در یک فریم یا پنجره با نام همسان بارگذاری و نمایش می‌دهد. اگر این فریم یا پنجره با نام یا id مشخص شده وجود نداشته باشد، مرورگر یک پنجره جدید باز می‌کند، به آن یک برچسب مشخص شده می‌دهد و مستند جدید را در آن پنجره بارگذاری می‌کند. از این پس، مستند لینک شده می‌تواند به این پنجره جدید اشاره کند.
پنجره جدید باز کنید
لینک‌هایی که به آنها اشاره می‌شود، ایجاد ابزارهای مرور بهینه را بسیار آسان می‌کند. به عنوان مثال، لیستی از مستندات محتوایی ساده که می‌توانند مستندات را به یک پنجره جداگانه هدایت کنند:
<h3>فهرست محتوا</h3> <ul> <li><a href="pref.html" target="view_window">مقدمه</a></li> <li><a href="chap1.html" target="view_window">Chapter 1</a></li> <li><a href="chap2.html" target="view_window">Chapter 2</a></li> <li><a href="chap3.html" target="view_window">Chapter 3</a></li> </ul>
وقتی کاربر اولین بار یک لینک از لیست محتوا را انتخاب می‌کند، مرورگر یک پنجره جدید باز می‌کند و آن را "view_window" نام‌گذاری می‌کند و سپس محتوای مستند مورد نظر را در آن نمایش می‌دهد. اگر کاربر لینک دیگری از این لیست انتخاب کند و "view_window" هنوز باز باشد، مرورگر دوباره مستند انتخاب شده را در آن پنجره بارگذاری می‌کند و مستند قبلی را جایگزین می‌کند.
در طول این فرآیند، پنجره‌ای که شامل لیست محتوا است، قابل دسترسی است. با کلیک بر روی یکی از لینک‌ها در این پنجره، محتوای پنجره دیگر تغییر می‌کند.
پنجره‌ای در قاب باز کنید
به جای باز کردن یک پنجره کامل مرورگر، استفاده از روش معمول target در یک نمایش <frameset> برای هدایت محتوای لینک به یک یا چند قاب است. می‌توان این لیست محتوا را در یکی از قاب‌های یک مستند با دو قاب قرار داد و از قاب مجاور برای نمایش مستند انتخاب شده استفاده کرد:
<frameset cols="100,*"> <frame src="toc.html"> <frame src="pref.html" name="view_frame"> </frameset>
وقتی مرورگر این دو قاب را اولین بار نمایش می‌دهد، قاب سمت چپ شامل فهرست است و قاب سمت راست شامل مقدمه است.
این کد منبع "toc.html" است:
<h3>فهرست محتوا</h3> <ul> <li><a href="pref.html" target="view_frame">مقدمه</a></li> <li><a href="chap1.html" target="view_frame">Chapter 1</a></li> <li><a href="chap2.html" target="view_frame">Chapter 2</a></li> <li><a href="chap3.html" target="view_frame">Chapter 3</a></li> </ul>
لطفاً توجه داشته باشید که در مستند "toc.html"، هدف هر لینک "view_frame" است، یعنی قاب سمت راست.
وقتی کاربر یک لینک را از فهرست در قاب سمت چپ انتخاب می‌کند، مرورگر این مستند مرتبط را بارگذاری کرده و در این قاب "view_frame" سمت راست نمایش می‌دهد. وقتی لینک دیگری انتخاب می‌شود، محتوای این قاب سمت راست نیز تغییر می‌کند، در حالی که قاب سمت چپ همیشه ثابت می‌ماند.
هدف خاص
4 تا نام هدف حفظ شده برای عملیات خاصی در تغییر مسیر مستندات استفاده می‌شود:
_blank
مرورگر همیشه مستند هدف را در یک پنجره جدید و نامشخص بارگذاری می‌کند.
_self
این هدف برای تمام برچسب‌های <a> که هدفی تعیین نشده‌اند به عنوان هدف پیش‌فرض است، باعث می‌شود که مستند هدف در همان فریم یا پنجره‌ای که مستند منشاء در آن قرار دارد، بارگذاری و نمایش داده شود. این هدف اضافی و غیرضروری است، مگر اینکه با استفاده از属性 target در برچسب <base> مستند استفاده شود.
_parent
این هدف باعث می‌شود که مستند در پنجره والد یا فریم‌های شامل لینک‌های فراخوانی شده بارگذاری شود. اگر این اشاره‌گر در یک پنجره یا فریم اصلی باشد، آنها با هدف _self برابر هستند.
_top
این هدف باعث می‌شود که مستند شامل این لینک فراموش شود و به پنجره‌ای که این لینک در آن قرار دارد، بارگذاری شود. با استفاده از هدف _top، تمام فیم‌های شامل شده پاک می‌شوند و مستند در کل پنجره مرورگر بارگذاری می‌شود.
توجه:تمام 4 مقدار target این، با خط زیر آغاز می‌شوند. هر سایر چیزی که با خط زیر آغاز می‌شود و به عنوان یک پنجره یا هدف تعریف شده است، توسط مرورگر نادیده گرفته خواهد شد، بنابراین، خط زیر را به عنوان اولین کاراکتر در هر framework name یا id تعریف شده در مستند استفاده نکنید.
پشتیبانی از مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
