الفرق بين المراجعتين لصفحة: «HTML/u»
ط تغيير ترتيب التصنيفات |
إضافة قسمين ومثال |
||
| (2 مراجعات متوسطة بواسطة نفس المستخدم غير معروضة) | |||
| سطر 6: | سطر 6: | ||
المثال الآتي عن استخدام العنصر <code><nowiki><u></nowiki></code> للإشارة إلى خطأ إملائي: | المثال الآتي عن استخدام العنصر <code><nowiki><u></nowiki></code> للإشارة إلى خطأ إملائي: | ||
<syntaxhighlight lang="html"> | <syntaxhighlight lang="html"> | ||
<p> | <p>مرحبًا بكم <u>حميعًا</u>.</p> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
== بطاقة العنصر == | |||
{| class="wikitable" style="width: 100%;" | {| class="wikitable" style="width: 100%;" | ||
|- | |- | ||
| سطر 52: | سطر 53: | ||
وتذكِّر مواصفة HTML5 المطورين أنَّ بقية العناصر (مثل <code>[[HTML/em|<nowiki><em></nowiki>]]</code> و <code>[[HTML/strong|<nowiki><strong></nowiki>]]</code> و <code>[[HTML/mark|<nowiki><mark></nowiki>]]</code> ...إلخ.) تكون مناسب في أغلبية الحالات أكثر من العنصر <code><nowiki><u></nowiki></code>. | وتذكِّر مواصفة HTML5 المطورين أنَّ بقية العناصر (مثل <code>[[HTML/em|<nowiki><em></nowiki>]]</code> و <code>[[HTML/strong|<nowiki><strong></nowiki>]]</code> و <code>[[HTML/mark|<nowiki><mark></nowiki>]]</code> ...إلخ.) تكون مناسب في أغلبية الحالات أكثر من العنصر <code><nowiki><u></nowiki></code>. | ||
== التنسيق الافتراضي == | |||
تعرض أغلبية المتصفحات العنصر <code><nowiki><u></nowiki></code> بضبط الخاصية <code>[[CSS/text-decoration|text-decoration]]</code> إلى <code>underline</code> لوضع خط تحته:<syntaxhighlight lang="css"> | |||
u { | |||
text-decoration: underline; | |||
} | |||
</syntaxhighlight> | |||
==مصادر ومواصفات== | ==مصادر ومواصفات== | ||
| سطر 57: | سطر 65: | ||
*مواصفة [http://www.w3.org/TR/html5/text-level-semantics.html#the-u-element HTML5]. | *مواصفة [http://www.w3.org/TR/html5/text-level-semantics.html#the-u-element HTML5]. | ||
*مواصفة [http://www.w3.org/TR/html401/present/graphics.html#h-15.2.1 HTML 4.01]. | *مواصفة [http://www.w3.org/TR/html401/present/graphics.html#h-15.2.1 HTML 4.01]. | ||
[[تصنيف:HTML]] | [[تصنيف:HTML|{{SUBPAGENAME}}]] | ||
[[تصنيف:HTML Elements]] | [[تصنيف:HTML Elements|{{SUBPAGENAME}}]] | ||
[[تصنيف:Inline text semantics]] | [[تصنيف:HTML Inline text semantics|{{SUBPAGENAME}}]] | ||
المراجعة الحالية بتاريخ 13:46، 19 فبراير 2018
يستخدم العنصر <u> لعرض النص مع وضع خط أفقي تحت خط الأساس التابع له.
يُمثِّل هذا العنصر في HTML5 جزءًا من النص الذي يُشار إليه عبر تطبيق تأثير واضح عليه لكن ذلك التأثير غير نصي وغير مُحدَّد، أو للإشارة أنَّ النص فيه خطأ إملائي.
المثال الآتي عن استخدام العنصر <u> للإشارة إلى خطأ إملائي:
<p>مرحبًا بكم <u>حميعًا</u>.</p>
بطاقة العنصر
| تصنيفات المحتوى | عنصر تنظيمي أو عنصر عادي. |
|---|---|
| المحتوى المسموح | محتوى عادي. |
| الوسم المختصر | لا يمكن حذف أيّ من وسمَي البداية أو النهاية. |
| العناصر الأب | أي عنصر يقبل المحتوى العادي. |
| واجهة DOM | HTMLSpanElement
|
دعم المتصفحات
| Chrome | Firefox | Edge | Safari | Opera |
|---|---|---|---|---|
| مدعوم | مدعوم | مدعوم | مدعوم | مدعوم |
الخاصيات
يمكن استخدام الخاصيات العامة في هذا العنصر.
ملاحظات الاستخدام
وكما في جميع العناصر التنسيقية، أُهمل العنصر <u> في HTML 4 لكن أعيد استخدامه في HTML5 مع إعطائه معنى تنظيمي.
أي لو أردتَ إظهار النص وتحته خط دون أن يكون له معنى تنظيمي، فاستخدم العنصر <span> أو أي عنصر آخر مناسب ثم استخدم الخاصية text-decoration في CSS وأسند إليها القيمة underline.
وتنصح مواصفة HTML5 بتجنب استخدام العنصر <u> لأن مظهره قد يلتبس مع العنصر <a>.
وتذكِّر مواصفة HTML5 المطورين أنَّ بقية العناصر (مثل <em> و <strong> و <mark> ...إلخ.) تكون مناسب في أغلبية الحالات أكثر من العنصر <u>.
التنسيق الافتراضي
تعرض أغلبية المتصفحات العنصر <u> بضبط الخاصية text-decoration إلى underline لوضع خط تحته:
u {
text-decoration: underline;
}
مصادر ومواصفات
- معيار HTML Living Standard.
- مواصفة HTML5.
- مواصفة HTML 4.01.