السمات العامة هي سمات يمكن استخدامها على جميع عناصر HTML. تحدد هوية العنصر ونمطه ولغته وسلوك التفاعل، وهي مفتاح كتابة HTML دلالي وقابل للوصول وسهل الصيانة.
سمات الهوية الأساسية
Global Attributes
Description
id
معرّف فريد للعنصر، لا يمكن تكراره في نفس الصفحة. يُستخدم لمحددات CSS وتحديد المواقع في JavaScript وروابط الارتساء.
class
قائمة أسماء فئات مفصولة بمسافات تُستخدم لمحددات CSS أو JavaScript. يمكن أن يمتلك العنصر عدة فئات.
style
أنماط CSS مضمّنة تُطبق مباشرة على العنصر، بأولوية أعلى من أوراق الأنماط الخارجية.
title
نص تلميح يُعرض عند التمرير بالماوس. مفيد بشكل خاص لعناصر مثل <abbr> و<iframe>.
اللغة والاتجاه
Global Attributes
Description
lang
يعلن لغة محتوى العنصر. مهم لـ SEO وإمكانية الوصول.
dir
اتجاه النص: ltr (افتراضي) أو rtl.
التفاعل وإمكانية الوصول
Global Attributes
Description
contenteditable
يحدد ما إذا كان محتوى العنصر قابلاً للتحرير: true أو false.
draggable
يحدد ما إذا كان العنصر قابلًا للسحب: true أو false أو auto (افتراضي).
hidden
يخفي العنصر من العرض.
tabindex
يحدد ترتيب التنقل بعنصر عبر مفتاح Tab.
accesskey
يخصص اختصار لوحة مفاتيح (حرف واحد) للتركيز على العنصر أو تفعيله.
spellcheck
يحدد ما إذا كان يتم تدقيق إملاء محتوى العنصر: true أو false.
translate
يحدد ما إذا كان يجب ترجمة محتوى العنصر: yes أو no.
inert
يجعل العنصر وشجرته الفرعية غير تفاعلية (لا نقرة ولا تركيز ومخفي عن التقنيات المساعدة).
البيانات وأخرى
Global Attributes
Description
data-*
سمات بيانات مخصصة لتخزين بيانات خاصة بالصفحة/التطبيق، يمكن الوصول إليها عبر dataset.
autofocus
يركز تلقائيًا على العنصر عند تحميل الصفحة.
autocapitalize
يتحكم في الكتابة الكبيرة التلقائية على لوحات المفاتيح الافتراضية.
enterkeyhint
يلمّح تسمية مفتاح Enter في لوحة المفاتيح الافتراضية.
inputmode
يلمّح نوع لوحة المفاتيح الافتراضية للعرض.
nonce
قيمة عشوائية لمرة واحدة تُستخدم في سياسة أمان المحتوى (CSP).
slot
يعين العنصر إلى فتحة (slot) في Shadow DOM.
part
يسمي أجزاء العنصر لتصميمها عبر CSS ::part().
popover
يحدد سلوك النافذة المنبثقة للعنصر (auto أو manual).
is
يحدد اسم عنصر مدمج مخصص.
فريق Web-Tutorial التقني
منصة دروس برمجية يديرها عدة مطورين. كل درس يتم كتابته ومراجعته بواسطة مطورين متخصصين في المجال. نعمل على ضمان دقة وموثوقية المحتوى — إذا لاحظت أي مشكلة، فيرجى إخبارنا.
