الفرق بين المراجعتين لصفحة: «HTML/abbr»

من موسوعة حسوب
ط تغيير ترتيب التصنيفات
ط استبدال النص - '\[\[تصنيف:(.*)\]\]' ب'{{SUBPAGENAME}}'
سطر 54: سطر 54:
*مواصفة [http://www.w3.org/TR/html5/text-level-semantics.html#the-abbr-element HTML5].
*مواصفة [http://www.w3.org/TR/html5/text-level-semantics.html#the-abbr-element HTML5].
*مواصفة [http://www.w3.org/TR/html401/struct/text.html#edef-ABBR HTML 4.01].
*مواصفة [http://www.w3.org/TR/html401/struct/text.html#edef-ABBR HTML 4.01].
[[تصنيف:HTML]]
[[تصنيف:HTML|{{SUBPAGENAME}}]]
[[تصنيف:HTML Elements]]
[[تصنيف:HTML Elements|{{SUBPAGENAME}}]]
[[تصنيف:Inline text semantics]]
[[تصنيف:Inline text semantics|{{SUBPAGENAME}}]]

مراجعة 15:35، 28 يناير 2018

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

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

<abbr title="Internationalization">I18N</abbr>
تصنيفات المحتوى عنصر تنظيمي أو عنصر عادي.
المحتوى المسموح محتوى عادي.
الوسم المختصر لا يمكن حذف أيّ من وسمَي البداية أو النهاية.
العناصر الأب أي عنصر يقبل المحتوى العادي.
واجهة DOM HTMLElement

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

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

الخاصيات

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

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

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

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

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

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