روابط HTML - إنشاء إشارات مرجعية Bookmarks

يمكن استخدام روابط HTML لإنشاء إشارات مرجعية ، بحيث يمكن للقراء الانتقال إلى أجزاء معينة من صفحة الويب.
قم بإنشاء إشارة مرجعية بتنسيق HTML
يمكن أن تكون الإشارات المرجعية مفيدة إذا كانت صفحة الويب طويلة جدًا.
لإنشاء إشارة مرجعية - قم أولاً بإنشاء الإشارة المرجعية ، ثم قم بإضافة ارتباط إليها.
عند النقر فوق الارتباط ، سيتم تمرير الصفحة لأسفل أو لأعلى إلى الموقع الذي يحتوي على الإشارة المرجعية.
مثال
أولاً ، استخدم سمة (attribute) id لإنشاء إشارة مرجعية:


<h2 id = "C4"> الفصل الرابع </ h2>

بعد ذلك ، أضف رابطا للإشارة المرجعية ("الانتقال إلى الفصل 4") ، من داخل نفس الصفحة:

<h2 id = "C4"> الفصل الرابع </ h2>

مثال


<! DOCTYPE html>
<html>
<body>

<p> <a href="#C4"> انتقل إلى الفصل الرابع </a> </p>
<p> <a href="#C10"> انتقل إلى الفصل العاشر </a> </p>

<h2> الفصل 1 </h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل 2 </h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل الثالث </ h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2 id = "C4"> الفصل الرابع </ h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل الخامس </ h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل السادس </ h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل السابع </ h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل الثامن </ h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل التاسع </ h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2 id = "C10"> الفصل العاشر </ h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل 11 </h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل 12 </h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل 13 </h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل 14 </h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل الخامس عشر </ h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل 16 </h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل 17 </h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل 18 </h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل 19 </h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل 20 </h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل 21 </h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل 22 </h2>
<p> يشرح هذا الفصل ba bla bla </p>

<h2> الفصل 23 </h2>
<p> يشرح هذا الفصل ba bla bla </p>

</body>
</html>

يمكنك أيضًا إضافة ارتباط إلى إشارة مرجعية على صفحة أخرى:


<a href="html_demo.html#C4"> انتقل إلى الفصل الرابع</a>

ملخص الفصل
استخدم سمة المعرف (id = "value") لتعريف الإشارات المرجعية في الصفحة
استخدم السمة href (href = "# value") للارتباط بالإشارة المرجعية

الدرس السابق الدرس التالي