عرض مصدر HTML/Global Attributes

<noinclude>{{DISPLAYTITLE:الخاصيات العامة}}</noinclude>
الخاصيات العامة هي الخاصية التي يمكن استعمالها في جميع عناصر HTML، على الرغم من أنَّها قد لا يكون لها تأثير إن استعملت على بعض العناصر.

يمكن أن تستعمل الخاصيات العامة على جميع عناصر HTML حتى لو لم تكن هذه العناصر موجودةً في المعيار، وهذا يعني أنَّ العناصر غير المعيارية يجب أن تسمح باستخدام هذه الخاصية، حتى لو كان استخدام هذه العناصر سيؤدي إلى جعل المستند غير متوافق مع معيار HTML5. فمثلًا ستخفي المتصفحات التي تدعم HTML5 المحتوى الموجود ضمن العنصر <code><foo hidden>...</foo></code> حتى لو كان العنصر <code><foo></code> ليس موجودًا في المعيار.

إضافةً إلى العناصر المذكورة في هذه الصفحة، فإنَّ الخاصيات الآتية متوافرة:
* الخاصيتان <code>xml:lang</code> و <code>xml:base</code>، المأخوذتان من مواصفة XHTML، لكنهما ما تزالان مدعومتنا لغرض التوافقية.
* خاصيات <code>aria-*‎</code> الموجودة لغرض زيادة قابلية الوصول.
* الخاصيات التي تستعمل للتعامل مع الأحداث: <code>onabort</code>، و <code>onautocomplete</code>، و <code>onautocompleteerror</code>، و <code>onblur</code>، و <code>oncancel</code>، و <code>oncanplay</code>، و <code>oncanplaythrough</code>، و <code>onchange</code>، و <code>onclick</code>، و <code>onclose</code>، و <code>oncontextmenu</code>، و <code>oncuechange</code>، و <code>ondblclick</code>، و <code>ondrag</code>، و <code>ondragend</code>، و <code>ondragenter</code>، و <code>ondragexit</code>، و <code>ondragleave</code>، و <code>ondragover</code>، و <code>ondragstart</code>، و <code>ondrop</code>، و <code>ondurationchange</code>، و <code>onemptied</code>، و <code>onended</code>، و <code>onerror</code>، و <code>onfocus</code>، و <code>oninput</code>، و <code>oninvalid</code>، و <code>onkeydown</code>، و <code>onkeypress</code>، و <code>onkeyup</code>، و <code>onload</code>، و <code>onloadeddata</code>، و <code>onloadedmetadata</code>، و <code>onloadstart</code>، و <code>onmousedown</code>، و <code>onmouseenter</code>، و <code>onmouseleave</code>، و <code>onmousemove</code>، و <code>onmouseout</code>، و <code>onmouseover</code>، و <code>onmouseup</code>، و <code>onmousewheel</code>، و <code>onpause</code>، و <code>onplay</code>، و <code>onplaying</code>، و <code>onprogress</code>، و <code>onratechange</code>، و <code>onreset</code>، و <code>onresize</code>، و <code>onscroll</code>، و <code>onseeked</code>، و <code>onseeking</code>، و <code>onselect</code>، و <code>onshow</code>، و <code>onsort</code>، و <code>onstalled</code>، و <code>onsubmit</code>، و <code>onsuspend</code>، و <code>ontimeupdate</code>، و <code>ontoggle</code>، و <code>onvolumechange</code>، و <code>onwaiting</code>.

== الخاصيات ==

=== accesskey ===
تحديد اختصار للوحة المفاتيح للعنصر الحالي، وقيمة هذه الخاصية تتألف من محارف مفصولٌ بينها بفراغ، وسيستعمل المتصفح أوّل محرف موجود في تخطيط لوحة المفاتيح المستخدم في الحاسوب.

=== class ===
قائمة مفصولة بفراغات تُشير إلى الأصناف المستخدمة في العنصر، إذ تسمح الأصناف لشيفرات CSS و JavaScript بتحديد والوصول إلى عناصر معيّنة.

=== contenteditable ===
تُشير هذه الخاصية إذا كان العنصر قابلًا للتعديل من المستخدم، وإذا كان كذلك فسيتخذ المتصفح الإجراءات اللازمة للسماح بالتعديل. تأخذ هذه الخاصية إحدى القيمتين الآتيتين:
* <code>true</code> أو سلسلة نصية فارغة، تُشير إلى أنَّ العنصر يمكن تعديله.
* <code>false</code>، تُشير إلى أنَّ العنصر لا يجوز تعديله.

=== contextmenu ===
تأخذ هذه الخاصية قيمة الخاصية <code>[[#id|id]]</code> لعنصر <code>[[HTML/menu|<menu>]]</code> لكي يُستعمَل ككقائمة خاصة بهذا العنصر.

=== data-*‎ ===
فئة من الخاصيات المخصصة التي تسمح بتبادل المعلومات بين HTML و DOM مما يسمح باستخدامها في السكربتات.

جميع هذه البيانات متوافرة عبر واجهة <code>HTMLElement</code> البرمجية للعنصر المضبوطة عليه، وتسمح لنا الخاصية <code>HTMLElement.dataset</code> بالوصول إليها.

=== dir ===
تُشير قيمة هذه الخاصية إلى اتجاه النص في العنصر، وتأخذ إحدى القيم الآتية:
* <code>ltr</code>: التي تعني left to right أي اتجاه النص من اليسار إلى اليمين، مثل اللغة الإنكليزية.
* <code>rtl</code>: التي تعني right to left أي اتجاه النص من اليمين إلى اليسار، مثل اللغة العربية.
* <code>auto</code>: ترك القرار إلى المتصفح إذ يستعمل خوارزمية بسيطة لتحديد اتجاه النص.

=== draggable ===
تُشير هذه الخاصية إلى أنَّ العنصر يمكن سحبه باستخدام الواجهة البرمجية Drag and Drop.

هذه الخاصية منطقية (Boolean) أي تأخذ <code>true</code> أو <code>false</code>.

=== dropzone ===
تُشير هذه الخاصية إلى الذي سيحدث للعنصر الذي سيُفلَت باستخدام الواجهة البرمجية Drag and Drop، وتأخذ إحدى القيم الآتية:
* <code>copy</code>: التي تشير إلى أنَّ الإفلات سيؤدي إلى إنشاء نسخة من العنصر المسحوب.
* <code>move</code>: التي تشير إلى أنَّ الإفلات سيؤدي إلى نقل العنصر المسحوب إلى مكانٍ جديد.
* <code>link</code>: إنشاء رابط إلى البيانات المسحوبة.

=== hidden ===
خاصية منطقية (Boolean) تُشير إلى أنَّ العنصر لم تعد له أهمية أو ليس له أهمية حاليًا.

فمثلًا يمكن أن تستعمل هذه الخاصية لإخفاء عناصر في الصفحة التي لا يمكن استخدامها إلا بعد تعبئة نموذج ما، ولن يعرض المتصفح هذه العناصر.

=== id ===
تُمثِّل هذه الخاصية مُعرِّفًا فريدًا (unique identifier) أي أنَّ قيمة هذه الخاصية لا يجوز أن تتكرر في أيّ عنصر آخر، والغرض من هذه الخاصية هو القدرة على التعامل مع العنصر باستخدام السكربتات أو عبر لغة [[CSS]].

=== lang ===
تساهم هذه الخاصية في تعريف لغة العنصر، وهي اللغة التي كُتِبَت فيها محتويات العنصر، ويجب أن تكون قيمة هذه الخاصية بصيغة [https://www.ietf.org/rfc/bcp/bcp47.txt BCP47].

لاحظ أنَّ الخاصية <code>xml:lang</code> لها أولوية عليها.

=== spellcheck ===
تُعرِّف هذه الخاصية إذا كان يجب التحقق من الأخطاء الإملائية في العنصر.

هذه الخاصية منطقية (Boolean) أي تأخذ <code>true</code> أو <code>false</code>.

=== style ===
تحتوي على تعليمات التنسيق بلغة CSS التي يجب تطبيقها على العنصر، لاحظ أنَّ من المستحسن تعريف الأنماط في ملف أو ملفات منفصلة.

الغرض الرئيسي من توفير هذه الخاصية (إضافةً إلى العنصر <code>[[HTML/style|<style>]]</code>) هو السماح بتنسيق العناصر بسرعة لأغراض مثل التجربة.

=== tabindex ===
تأخذ هذه الخاصية قيمةً عدديةً صحيحةً تُشير إذا كان هذا العنصر يساهم في التنقل عبر لوحة المفاتيح، ويمكن أن تأخذ هذه الخاصية عدِّة قيم:
* القيم السالبة تعني أنَّ العنصر يمكن التركيز عليه (focusable) لكن لا يمكن الوصول إليه عبر لوحة المفاتيح.
* القيمة <code>0</code> تعني أنَّ العنصر يمكن التركيز عليه وقابل للوصول عبر لوحة المفاتيح، لكن ترتيبه يخضع للمتصفح.
* القيم الموجبة تعني أنَّ العنصر يمكن التركيز عليه وقابل للوصول عبر لوحة المفاتيح، وترتيبه النسبي يخضع لقيمة هذه الخاصية، فعند زيادة العدد ستزداد أولوية هذا العنصر، والعناصر التي لها نفس القيمة لخاصية <code>tabindex</code> سيكون ترتيب الوصول إليها في المستند اعتمادًا على ترتيب ورودها في المستند.

=== title ===
تحتوي هذه الخاصية على معلومات نصية تُمثِّل العنصر الذي تنتمي إليه، ومثل هذه المعلومات تُعرَض عادةً على شكل <code>tooltip</code> (لكن ذلك ليس إلزاميًا).

=== translate ===
هذه الخاصية تُستعمل إذا أردنا ترجمة المحتويات النصية للعنصر مع خاصياته عندما توطّن الصفحة، أو يجب تركها دون تعديل.

تأخذ هذه الخاصية القيم الآتية:
* سلسلة نصية فارغة أو <code>yes</code>، التي تُشير إلى أنَّ العنصر يجب ترجمته.
* <code>no</code> التي تشير إلى أنَّ العنصر لا تجوز ترجمته.
[[تصنيف:HTML|{{SUBPAGENAME}}]]