Global Attributes
هي خواص يمكن إضافتها إلى عناصر مختلفة فتقوم بالوظيفة نفسها في هذه العناصر كلها.
class vs id
هما طريقتان للوصول إلى العناصر وتمييزها عن id وال classال بعضها. ويكون ذلك إما لتنسيقها بشكل معين أو الوصول إليها برمجياً.
أي كلمة أو حرف ولا يجوز أن يبدأ برقم، id وال classيمكن أن يكون ال وتعتبر التسمية المعبرة عن وظيفة العنصر ممارسة برمجية أفضل.
معين يكون فريداً من نوعه إذ أنه لا يمكن idإن العنصر الذي يملك أنسب للوصول id . وهذا ما يجعل ال idلعنصرين أن يحملا نفس ال البرمجي.
فهو ليس فريداً ويمكن لأكثر من عنصر امتلاك نفس classأما ال . وهذا ما classكما يمكن للعنصر الواحد امتلاك أكثر من classال يجعله أنسب للتنسيق.
data-attribute
تستخدم هذه الخاصية لتخزين بيانات معينة في عنصر دون التأثير على طريقة عرضه.
يتم استخدامها عن طريق الكتابة كما في المثال:
<div data-test=”some value”></div>
حيث أن الكلمة بعد الداش (-) اختيارية.
يمكن الحصول على محتواها من خلال:
el.getAttribute("data-test") (Javascript)
attr(data-test) (Css)
dir
translate
contenteditable
hidden
draggable
spellcheck
تحديد اتجاه النص في العنصر
تحديد السماح للمتصفح بترجمة محتوى العنصر
تجعل العنصر قابل لتعديل المحتوى من قبل المستخدم
إخفاء العنصر
جعل العنصر قابل للسحب والإفلات
تحديد السماح للمتصفح بتتبع لفظ الكلمات
خواص أخرى
الخواص البوليانية
بغيابها.false بوجودها والقيمة trueتأخذ القيمة