العنصر <abbr>

من موسوعة حسوب
اذهب إلى: تصفح، ابحث

يُمثِّل العنصر <abbr> اختصارًا ويوفِّر اختياريًا شرحًا له، وعند إضافة الشرح يجب أن تحتوي الخاصية title على الشرح الكامل لهذا الاختصار فقط ولا يسمح بأي قيمة أخرى.

المثال الآتي فيه شرح عن اختصار I18N:

<abbr title="Internationalization">I18N</abbr>
ستظهر العبارة الموجودة ضمن الخاصية title عند مرور مؤشر الفأرة على العنصر.

بطاقة العنصر

تصنيفات المحتوى عنصر تنظيمي أو عنصر عادي.
المحتوى المسموح محتوى عادي.
الوسم المختصر لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب أي عنصر يقبل المحتوى العادي.
واجهة DOM HTMLElement

دعم المتصفحات

Chrome Firefox Edge Safari Opera
مدعوم مدعوم مدعوم مدعوم مدعوم

الخاصيات

يمكن استخدام الخاصيات العامة في هذا العنصر.

استخدم الخاصية title لتعريف شرح كامل للاختصار، وهذا الشرح يُعرَض في الكثير من المتصفحات على شكل tooltip.

التنسيق الافتراضي

الغرض من هذا العنصر هو شرح أحد المصطلحات، لذا سيُعرَض كغيره من النصوص (أي تكون له الخاصية display: inline في CSS)، ومع ذلك قد يختلف تنسيقه من متصفحٍ لآخر:

  • بعض المتصفحات مثل Internet Explorer لا ينُسِّقه بشكلٍ مختلف عن عنصر <span>.
  • متصفحات Opera و Firefox وغيرهما تضيف خطًا منقطًا تحت محتوى العنصر. أي ستضبط الخاصية text-decoration إلى underline dotted.
  • بعض المتصفحات تضيف خطًا منقطًا لكنها تعرض العنصر بتنسيق small caps، وللتخلص من هذا التنسيق فاستخدم الخاصية font-variant: none في CSS.

مصادر ومواصفات