العنصر <u>

من موسوعة حسوب

يستخدم العنصر <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;
}

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