شرح صفوف ومحتوى الفقرة
في معمارية مستندات HTML، تمثل خاصيتا الفئة
class والمعرف id الآليتين الأساسيتين لربط هيكل الصفحة بتنسيقات CSS البصرية والوظائف البرمجية التفاعلية في جافا سكريبت. ورغم أن كلتا الخاصيتين تمنحان أسماءً للعناصر، إلا أنهما تجسدان فلسفتين مختلفتين تماماً من حيث التفرد وقابلية إعادة الاستخدام.
HTML
<!-- Reusable class applied to multiple buttons -->
<button class="btn btn-primary">Save Document</button>
<button class="btn btn-primary">Publish Post</button>
<!-- Unique id applied to one exclusive container -->
<div id="site-banner">Site Banner</div>صُممت خاصية
class عمداً لإعادة الاستخدام المتكرر عبر أي عدد ترغب فيه من عناصر الصفحة لبناء مظهر موحد. وفي المقابل الصارم، يجب أن تكون قيمة خاصية id فريدة تماماً داخل المستند بأكمله؛ وتكرار نفس المعرف على أكثر من عنصر يمثل انتهاكاً جسيماً لمعايير HTML ويؤدي إلى سلوكيات عشوائية وأخطاء برمجية خفية.