HTML abbr Tag
مثال
<!-- Syntax: <abbr title="text"> ... </abbr> --> <p>The <abbr title="World Wide Web">WWW</abbr> commonly known as the Web, is an information system where documents and other web resources are identified by Uniform Resource Locators.</p>
Abbr Tag Example
The WWW commonly known as the Web, is an information system where documents and other web resources are identified by Uniform Resource Locators.
لاحظ تم استخدام سمة “title” فى المثال السابق لإظهار وصف الاختصار عند تحريك الماوس فوق العنصر، ويفضل إستخدام هذه السمة دائمًا مع وسم <abbr>.
السمات العامة – Global Attributes
الوسم <abbr> يدعم السمات العامة أيضًا، تعرف عليهم عن طريق هذا الرابط: السمات العامة – Global Attributes.
سمات الحدث – Event Attributes
يدعم وسم <abbr> سمات الحدث أيضًا، تعرف عليهم أدنى المقال: سمات الحدث – Event Attributes.
دعم المتصفحات
 |  |  |  |  |
| مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
HTML Global Attributes – السمات العامة هي سمات يمكن استخدامها مع جميع عناصر HTML.
السمات العامة html
فى هذا الجدول يتم سرد السمات العامة الموجودة فى لغة HTML مع وصف موجز وقيمة كل سمة، كالتالى:
| السمة | القيمة | الوصف |
|---|---|---|
| accesskey | (مفتاح الاختصار) shortcut key | يحدد مفتاح اختصار لعنصر ليتم استخدامه بدلاً من لوحة المفاتيح. |
| class | (اسم الفئة) classname | يحدد اسم فئة واحد أو أكثر مفصولة بمسافات لعنصر. |
| id | (اسم) name | يحدد معرف فريد (Unique) للعنصر + يجب أن يكون فريدًا في المستند بأكمله. |
| style | (نمط CSS) CSS Style | يحدد نمط CSS مضمنًا (Inline-style) لعنصر. |
| title | (نص) text | يحدد معلومات إضافية حول عنصر. |
| tabindex | (رقم) number | يحدد ترتيب الجدولة لعنصر. |
 contenteditable | (صح) true (خطأ) false | يحدد ما إذا كان محتوى عنصر ما قابلاً للتعديل أم لا. |
| contextmenu | (معرف القائمة) menu–id | يحدد قائمة سياق لعنصر. |
| *-data | (بيانات) data | يستخدم لتخزين البيانات المخصصة المرتبطة بالعنصر أو الخاصة بالصفحة. |
| hidden | (مخفى) hidden | يحدد أن العنصر لم يعد ملائمًا بعد أو لم يعد مناسبًا. |
| draggable | (صح) true (خطأ) false | يحدد ما إذا كان العنصر قابلاً للسحب أم لا. |
| dropzone | (نقل) move (نسخ) copy (ربط) link | يحدد ما إذا كان سيتم نقل البيانات المسحوبة أو نسخها أو ربطها عند إسقاطها. |
| dir | (من اليسار إلى اليمين) ltr (من اليمين إلى اليسار) rtl | يحدد اتجاه النص للمحتوى في العنصر. |
| lang | (رمز اللغة) language-code | يحدد لغة محتوى العنصر. |
| xml:lang | (رمز اللغة) language-code | يحدد اللغة الأساسية لمحتوى نص العنصر في مستندات XHTML. |
| translate | (نعم) yes (لا) no | يحدد ما إذا كان يجب ترجمة المحتوى النصي لعنصر أم لا. |
| spellcheck | (صح) true (خطأ) false | يحدد ما إذا كان يمكن فحص العنصر بحثًا عن أخطاء إملائية او نحوية أم لا. |
السمات الموجوده فى الجدول السابق غير صالحة مع هذه العناصر base و head و html و meta و script و style و title وبعض العناصر الأخرى.
جميع السمات المميزة بـ 
هي جزء من HTML5.
هي جزء من HTML5.
HTML Events Attributes Reference – مرجع كامل لمعظم سمات الأحداث فى لغة HTML.
HTML احداث Attributes
يمكن تطبيق الأحداث Events التالية على معظم العناصر لتنفيذ كود JavaScript عند حدوث حدث أو أحداث معينة.
جميع الأحداث المميزة بـ 
هي جزء من HTML5.
هي جزء من HTML5.
أحداث النموذج – Form Events
فى هذا الجدول ستجد معظم الأحداث التى ستطبق على النماذج، كالتالى:
| الحدث | الوصف |
|---|---|
| onblur | يتم تشغيله عندما يفقد العنصر التركيز. |
| onchange | يتم تشغيله عندما يتغير قيمة العنصر. |
| onfocus | يتم تشغيله عندما يتم التركيز على العنصر. |
| oninput | يتم تشغيله عندما يغير المستخدم قيمة المدخلات. |
| oninvalid | يتم تشغيله عندما يكون العنصر غير صالح (أثناء التحقق من صحة النموذج). |
| onselect | يتم تشغيله عند تحديد بعض النصوص أو تغيير التحديد الحالي بواسطة المستخدم. |
| onsearch | يتم تشغيله عندما يكتب المستخدم شيئًا ما في حقل إدخال البحث. |
| onreset | يتم تشغيله عندما يقوم المستخدم بإعادة تعيين نموذج. |
| onsubmit | يتم تشغيله عند إرسال النموذج. |
أحداث النافذة – Window Events
ستجد فى هذا الجدول معظم الأحداث التى ستطبق على النوافذ، كالتالى:
| الحدث | الوصف |
|---|---|
| onload | يتم تشغيله عند انتهاء تحميل المستند. |
| onunload | يتم تشغيله مباشرة قبل إلغاء تحميل المستند أو إغلاق نافذة المستعرض. |
| ononline | يتم تشغيله عندما تعود اتصالات الشبكة ويبدأ المتصفح في العمل عبر الإنترنت. |
| onoffline | يتم تشغيله عندما ينقطع أو يفشل اتصال الشبكة ويبدأ المتصفح في العمل دون اتصال. |
| onresize | يتم تشغيله عندما يتم تغيير حجم نافذة المتصفح. |
| onstorage | يتم تشغيله عند تحديث منطقة تخزين الويب (Web Storage). |
| onpageshow | يتم تشغيله عندما ينتقل المستخدم إلى صفحة ويب. |
| onpagehide | يتم تشغيله عندما ينتقل المستخدم إلى صفحة ويب أخرى. |
| onpopstate | يتم تشغيله عند إجراء تغييرات على السجل النشط. |
| onerror | يتم تشغيله عند حدوث أخطاء في المستند. |
| onmessage | يتم تشغيله عندما يرسل المستخدم رسالة عبر المستند. |
| onafterprint | يتم تشغيله بعد طباعة المستند المرتبط. |
| onbeforeprint | يتم تشغيله قبل طباعة المستند المرتبط. |
| onbeforeunload | يتم تشغيله قبل إلغاء تحميل المستند. |
| onhashchange | يتم تشغيله عندما يتغير جزء المعرف identifier من عنوان URL الخاص بالمستند (أي جزء عنوان URL الذي يتبع العلامة # يتغير). |
| onundo | يتم تشغيله عندما يقوم المستند بإجراء تراجع. |
| onredo | يتم تشغيله عندما يقوم المستند بإجراء إعادة. |
أحداث الماوس – Mouse Events
هذا الجدول يشتمل على معظم الأحداث التى ستطبق مع إستخدام الماوس، كالتالى:
| الحدث | الوصف |
|---|---|
| onclick | يتم تشغيله عندما ينقر المستخدم بالماوس على العنصر. |
| ondblclick | يتم تشغيله عندما ينقر المستخدم بالماوس نقرًا مزدوجًا على العنصر. |
| onmousedown | يتم تشغيله عند الضغط على زر الماوس فوق عنصر. |
| onmousemove | يتم تشغيله عندما يحرك المستخدم مؤشر الماوس فوق عنصر. |
| onmouseout | يتم تشغيله عندما يحرك المستخدم مؤشر الماوس خارج حدود العنصر. |
| onmouseover | يتم تشغيله عندما يحرك المستخدم مؤشر الماوس على عنصر. |
| onmouseup | يتم تشغيله عندما يحرر المستخدم زر الماوس بينما يكون الماوس فوق عنصر. |
| onscroll | يتم تشغيله عندما يقوم المستخدم بتمرير محتويات عنصر عن طريق التمرير في شريط تمرير العنصر. |
| ontoggle | يتم تشغيله عندما يفتح المستخدم أو يغلق عنصر <details>. |
| oncontextmenu | يتم تشغيله عندما يتم تشغيل قائمة سياق كلام context من قبل المستخدم من خلال النقر بزر الماوس الأيمن على العنصر. |
| onshow | يتم تشغيله عند تشغيل حدث contextmenu على عنصر له سمة contextmenu. |
| onmousewheel | [Deprecated] يمكنك استخدم سمة onwheel بدلاً منها. |
| onwheel | يتم تشغيله عندما يقوم المستخدم بتمرير محتويات عنصر عن طريق تحريك عجلة الماوس لأعلى أو لأسفل فوق عنصر. |
| ondrag | يتم تشغيله عندما يسحب المستخدم عنصرًا (يتم تشغيل هذا الحدث طوال عملية السحب). |
| ondrop | يتم تشغيله عند تحرير زر الماوس أثناء عملية السحب والإفلات ، أي عند إسقاط العنصر المسحوب. |
| ondragend | يتم تشغيله عندما يحرر المستخدم زر الماوس في نهاية عملية السحب. |
| ondragenter | يتم تشغيله عندما يسحب المستخدم عنصرًا إلى هدف إسقاط صالح. |
| ondragleave | يتم تشغيله عندما يترك عنصر هدف إسقاط صالحًا أثناء عملية السحب. |
| ondragover | يتم تشغيله عندما يتم سحب عنصر فوق هدف إسقاط صالح. |
| ondragstart | يتم تشغيله عندما يبدأ المستخدم في سحب تحديد نص أو عنصر محدد. |
أحداث لوحة المفاتيح – Keyboard Events
ستجد فى هذا الجدول معظم الأحداث التى ستطبق مع إستخدام لوحة المفاتيح، كالتالى:
| الحدث | الوصف |
|---|---|
| onkeydown | يتم تشغيله عند الضغط على أحد المفاتيح. |
| onkeyup | يتم تشغيله عند تحرير المستخدم مفتاح. |
| onkeypress | يتم تشغيله عند الضغط على المفتاح وتحريره. |
أحداث الوسائط – Media Events
ستجد فى هذا الجدول معظم الأحداث التى ستطبق على الوسائط، كالتالى:
| الحدث | الوصف |
|---|---|
| oncanplay | يتم تشغيله عند توفر بيانات كافية لتشغيل الوسائط ، على الأقل لبضع frames. 💡 تتطلب مزيدًا من التخزين المؤقت. |
| oncanplaythrough | يتم تشغيله عندما يمكن تشغيل الوسائط بالكامل حتى النهاية دون الحاجة إلى التوقف لمزيد من التخزين المؤقت. |
| oncuechange | يتم تشغيله عندما يتغير تلميح مسار النص في عنصر <track>. |
| onemptied | يتم تشغيله عند إعادة تعيين عنصر الوسائط إلى حالته الأولية ، إما بسبب خطأ فادح أثناء التحميل ، أو بسبب استدعاء طريقة ()load لإعادة تحميله. |
| onended | يتم تشغيله عند الوصول إلى نهاية التشغيل. |
| onabort | يتم تشغيله عندما يتم إيقاف التشغيل ، ولكن ليس بسبب خطأ. |
| onerror | يتم تشغيله عند حدوث خطأ أثناء جلب بيانات الوسائط. |
| onloadeddata | يتم تشغيله عندما يتم تحميل بيانات الوسائط في موضع التشغيل الحالي. |
| onloadedmetadata | يتم تشغيله عند انتهاء تحميل البيانات الوصفية للوسائط (مثل المدة duration). |
| onloadstart | يتم تشغيله عند بدء تحميل الوسائط. |
| onpause | يتم تشغيله عند إيقاف التشغيل مؤقتًا ، إما بواسطة المستخدم أو برمجيًا. |
| onplay | يتم تشغيله عندما يبدأ تشغيل الوسائط بعد إيقافها مؤقتًا ، أي عند طلب طريقة التشغيل ()play. |
| onplaying | يتم تشغيله عند بدء تشغيل الصوت أو الفيديو. |
| onwaiting | يتم تشغيله عند توقف التشغيل لأن الإطار التالي لمورد الفيديو غير متاح. |
| onprogress | يتم تشغيله بشكل دوري للإشارة إلى التقدم أثناء تنزيل بيانات الوسائط. |
| onratechange | يتم تشغيله عند زيادة أو تقليل معدل التشغيل أو السرعة ، مثل الحركة البطيئة أو وضع التقديم السريع. |
| onseeked | يتم تشغيله عند تعيين سمة seeking على خطأ “false” للإشارة إلى انتهاء الطلب. |
| onseeking | يتم تشغيله عند تعيين سمة seeking على صواب “true” للإشارة إلى أن الطلب نشط. |
| onstalled | يتم تشغيله عند توقف التنزيل بشكل غير متوقع. |
| onsuspend | يتم تشغيله عندما يتوقف تحميل الوسائط عن قصد. |
| onvolumechange | يتم تشغيله عند تغيير مستوى الصوت أو كتم الصوت أو إلغاء كتم التشغيل. |
| ontimeupdate | يتم تشغيله عندما يتغير موضع التشغيل. |
أحداث الحافظة – Clipboard Events
ستجد فى هذا الجدول معظم الأحداث التى ستطبق مع الحافظة، كالتالى:
| الحدث | الوصف |
|---|---|
| oncopy | يتم تشغيله عندما ينسخ المستخدم العنصر أو التحديد ، وإضافته إلى حافظة النظام. |
| onpaste | يتم تشغيله عندما يقوم المستخدم بلصق البيانات ، ونقل البيانات من حافظة النظام إلى المستند. |
| oncut | يتم تشغيله عند إزالة العنصر أو التحديد من المستند وإضافته إلى حافظة النظام. |
جميع قيم الأحداث السابقة هى script.