ما هي السمات العامة (Global Attributes) في HTML؟

Question

Accepted Answer

**السمات العامة** هي سمات يمكنك إضافتها على *أي* عنصر HTML، بغض النظر عن نوعه. توفر معرفات فريدة ونقاط تعليق للتصميم ومعلومات إمكانية الوصول والبيانات الوصفية. ```html ``` ## الأكثر استخداماً - **`id`** — مرساة فريدة لـ CSS (`#hero`)، JS (`getElementById`)، والروابط داخل الصفحة (`href="#hero"`). - **`class`** — نقطة التعليق الأساسية للتصميم والبرمجة؛ قابلة لإعادة الاستخدام عبر العناصر. - **`data-*`** — إرفاق بيانات مخصصة بالعناصر، قراءتها في JS عبر `element.dataset`. - **`tabindex`** — التحكم في قابلية التركيز وترتيب الانتقال بلوحة المفاتيح (`0` = قابل للتركيز بالترتيب، `-1` = قابل للتركيز فقط عبر البرنامج النصي). - **`hidden`**، **`title`**، **`lang`**، **`role`**، **`aria-*`** — الرؤية والتلميحات واللغة وإمكانية الوصول. ## data-* قيد التنفيذ ```html ``` ```js button.dataset.action; // "delete" button.dataset.id; // "7" (always a string) ``` ## السبب في أهميته السمات العامة هي مجموعة الأدوات المشتركة التي تستخدمها على كل عنصر تقريباً — `class`/`id` للتصميم والبرمجة، `data-*` لتمرير البيانات إلى JS، و `tabindex`/`role`/`aria-*` لإمكانية الوصول. معرفتها تحافظ على التوسيم نظيفاً والسلوك متسقاً.