خصوصية target في HTML <a>
تعريف واستخدام
target يحدد الخاصية موقع فتح ملف الرابط.
مثال
يحدد خاصية target موقع فتح ملف الرابط:
<a href="https://www.codew3c.com" target="_blank">زيارة CodeW3C.com</a>
القواعد النحوية
<a target="_blank|_self|_parent|_top|اسم الإطار">
target يُستخدم استخدام خاصية هذا الخصوصية لتخبر المتصفح عن المكان الذي يرغب في عرض الموارد المربوطة. بالافتراض، يستخدم المتصفح نافذة أو علامة تبويب أو إطار (iframe) يعرض حاليًا الدокумент، حيث سيحل الدокумент الجديد محل الدокумент الذي يتم عرضه حاليًا، ولكن هناك خيارات أخرى، راجع الجدول أدناه:
قيمة الخاصية
| القيمة | وصف |
|---|---|
| _blank | فتح ملف الرابط في نافذة جديدة أو علامة تبويب |
| _self | فتح ملف الرابط في الإطار نفسه الذي تم النقر فيه (الافتراضي) |
| _parent | فتح ملف الرابط في الإطار الأب |
| _top | فتح ملف الرابط في الجسم بأكمله للنافذة |
| اسم الإطار | فتح ملف الرابط في الإطار المحدد |
شرح مفصل
إذا كان يحتوي على خاصية 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> الذي لم يتم تحديد هدفه، يجعل الوثيقة المستهدفة تتم تحميلها وعرضها في نفس الإطار أو النافذة كالوثيقة المصدر. هذا الهدف غير ضروري وغير ضروري، ما لم يتم استخدامه مع خاصية الهدف في علامة <base> عنوان الوثيقة.
_parent
هذا الهدف يجعل الوثيقة تتم تحميلها في النافذة الأم أو الإطار الذي يحتوي على الإشارة المرجعية المشار إليها من خلال الرابط. إذا كانت الإشارة المرجعية في النافذة أو الإطار الرئيسي، فإنها تساوي الهدف _self.
_top
هذا الهدف يجعل الوثيقة تتم تحميلها في النافذة التي تحتوي على هذا الرابط، باستخدام الهدف _top سيتم حذف جميع الإطارات المحتوية عليها وتحميل الوثيقة في النافذة الكاملة للمتصفح.
إشارة:كل أربعة قيم target هذه تبدأ بالخط المسحوق. أي نافذة أو هدف آخر يبدأ بالخط المسحوق سيتم تجاهله من قبل المتصفح، لذا لا تستخدم الخط المسحوق كحرف أول لأي اسم نافذة أو id معين في الوثيقة.
دعم المتصفحات
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| الدعم | الدعم | الدعم | الدعم | الدعم |
