شرح صفوف ومحتوى الفقرة
من أهم القدرات الأصيلة لخاصية
id في المتصفح عملها كمرسى داخلي للانتقال الفوري داخل الصفحة؛ فمن خلال إسناد اسم المعرف مسبوقاً برمز المربع href="#section-name" داخل وسم الرابط <a>، يقوم المتصفح بالانتقال التلقائي نحو ذلك القسم فور النقر عليه.
HTML
<!-- Table of Contents Links -->
<div class="toc-links">
<a href="#summary">Overview</a>
<a href="#features">Features</a>
<a href="#contact">Contact</a>
</div>
<!-- Page Blocks with matching IDs -->
<div id="summary"><h2>Overview</h2></div>
<div id="features"><h2>Features</h2></div>
<div id="contact"><h2>Contact Us</h2></div>عند الانتقال إلى قسم عبر رابط التجزئة، تتيح لغة CSS استخدام المحدد الزائف
:target لتسليط الضوء بصرياً على القسم النشط بتغيير لونه أو إبراز حوافه. وبدمج ذلك مع خاصية التمرير الانسيابي scroll-behavior: smooth;، يحصل الزائر على تجربة تصفح سلسة دون الحاجة لمكتبات برمجية خارجية.