<abbr>: عنصر ABBR
آخر تحديث: 2026-10-13
<abbr>عنصر ABBR
يمثل اختصارًا أو حرفًا مركبًا؛ اقرنه بخاصية title لعرض الصيغة الكاملة.
| الفئة | محتوى النص |
|---|---|
| نموذج المحتوى | محتوى نصي (عبارات) |
| العناصر الأم المسموحة | أي عنصر يقبل المحتوى النصي |
| وسم الإغلاق | نعم — يتطلب إغلاق </abbr> وسم |
| الحالة | قياسي |
📝 البنية
<abbr title="HyperText Markup Language">HTML</abbr>▶ مثال
عدّل الكود أدناه وشاهد النتيجة المباشرة في الملعب:
🌐 دعم المتصفح
| المتصفح |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <abbr> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| مدعوم في جميع المتصفحات الرئيسية | |||||
نصيحة： أضف خاصية title إلى <abbr> ليظهر المعنى الكامل عند التمرير — أفضل لإمكانية الوصول وSEO.
❓ الأسئلة الشائعة
Qما وظيفة وسم abbr؟
A
<abbr> يميز الكلمات المختصرة، ويقدم الاسم الكامل عبر سمة title، مثل <abbr title='HyperText Markup Language'>HTML</abbr>. تظهر التلميحة عند تحويم الفأرة، ويفهم قارئ الشاشة ومحركات البحث معنى الاختصار أيضًا.Qهل تعمل سمة title في abbr على الهاتف؟
Aالتجربة سيئة — فأجهزة اللمس بلا تحويم، وتلميحة title لا تنطلق عمليًا. وعلى الجوال يُستحسن كتابة الاسم الكامل عند أول ورود (مثل «لغة توصيف النص التشعبي (HTML)»)، أو عرضه بطريقة قابلة للنقر عبر
<details> أو تلميحة مخصصة.Qهل يحتاج abbr إلى الاقتران بـ dfn؟
Aيُستحسن الاقتران عندما تعرّف الصفحة المصطلح المختصر نفسه:
<dfn><abbr title='CSS'>CSS</abbr></dfn>. وفي سياق النص العادي يكفي <abbr> وحده ولا داعي لتغليف كل ورود بـ dfn.🏷️ وسوم ذات صلة
💡 حالات ذات صلة
📚 دروس ذات صلة
