الفرق بين المراجعتين ل"HTML/abbr"

المراجعة الحالية بتاريخ 11:08، 18 فبراير 2018

يُمثِّل العنصر <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.

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

معيار HTML Living Standard.
مواصفة HTML5.
مواصفة HTML 4.01.

@@ سطر 5: / سطر 5: @@
 <syntaxhighlight lang="html">
 <abbr title="Internationalization">I18N</abbr>
-</syntaxhighlight>
+</syntaxhighlight>ستظهر العبارة الموجودة ضمن الخاصية <code>title</code> عند مرور مؤشر الفأرة على العنصر.
+== بطاقة العنصر ==
 {| class="wikitable" style="width: 100%;"
 |-
@@ سطر 47: / سطر 48: @@
 الغرض من هذا العنصر هو شرح أحد المصطلحات، لذا سيُعرَض كغيره من النصوص (أي تكون له الخاصية <code>display: inline</code> في CSS)، ومع ذلك قد يختلف تنسيقه من متصفحٍ لآخر:
 * بعض المتصفحات مثل Internet Explorer لا ينُسِّقه بشكلٍ مختلف عن عنصر <code>[[HTML/span|<nowiki><span></nowiki>]]</code>.
-* متصفحات Opera و Firefox وغيرهما تضيف خطًا منقطًا تحت محتوى العنصر.
+* متصفحات Opera و Firefox وغيرهما تضيف خطًا منقطًا تحت محتوى العنصر. أي ستضبط الخاصية <code>[[CSS/text-decoration|text-decoration]]</code> إلى <code>underline dotted</code>.
 * بعض المتصفحات تضيف خطًا منقطًا لكنها تعرض العنصر بتنسيق small caps، وللتخلص من هذا التنسيق فاستخدم الخاصية <code>font-variant: none</code> في CSS.
@@ سطر 56: / سطر 57: @@
 [[تصنيف:HTML|{{SUBPAGENAME}}]]
 [[تصنيف:HTML Elements|{{SUBPAGENAME}}]]
-[[تصنيف:Inline text semantics|{{SUBPAGENAME}}]]
+[[تصنيف:HTML Inline text semantics|{{SUBPAGENAME}}]]