شرح صفوف ومحتوى الفقرة
تُعتبر الروابط المرجعية bookmark links في لغة HTML عناصر مهمة تسهل التنقل في المحتوى الطويل والمعقد. تُنشأ هذه الروابط من خلال استخدام السمة [id] على العنصر المقصود، مثل عنوان h2، لتحديد القسم المراد الذهاب إليه، ثم الربط بين الأقسام باستخدام وسم ["a href="#id name].
هذه الروابط تمكن المستخدم من الانتقال مباشرة إلى الأجزاء المطلوبة دون الحاجة للتنقل عبر الصفحة بأكملها باستخدام الماوس أو الأسهم، مما يحسن من تجربة المستخدم ويوفر الوقت، خاصة في المقالات والصفحات التعليمية الطويلة. تُستخدم هذه الخاصية بشكل فعّال لإنشاء فهرس يسهل الوصول إلى الأقسام المختلفة في الصفحات ذات المحتوى الكثيف.
لإنشاء علامات مرجعية bookmark، يتم اتباع خطوتين:
1. إضافة معرف id خاص بالقسم المراد الذهاب إليه ["id="id name].
2. إنشاء رابط يربط إلى ذلك القسم باستخدام ["a href="#id name].
يجب أن يكون id فريدًا في المستند وغير فارغ وبلا مسافات ASCII. استخدم اسمًا مثل section-id، ثم href="#section-id" في الرابط. يجب أن تتطابق حالة الأحرف بينهما.
Add an Id Attribute to the Desired Section
الخطوة الأولى: إضافة معرف للعنصر أو القسم المحدد لتمكين الوصول المباشر إليه. يتم ذلك من خلال استخدام السمة [id] مع العنصر المراد الانتقال إليه.
<h2 id="js"> JavaScript </h2>
<p>JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as Node.js, Apache CouchDB and Adobe Acrobat. JavaScript is a prototype-based, multi-paradigm, single-threaded, dynamic language, supporting object-oriented, imperative, and declarative (e.g. functional programming) styles. Read more about JavaScript.</p>Create a Link and Add It to the Section
الخطوة الثانية: إنشاء رابط واستخدام خاصية [href] لإضافة علامة الشباك [#] متبوعةً بمعرف القسم [id] المراد الوصول إليه.