تگ u در HTML | متن زیر خط دار

تگ u در html برای کشیدن خط زیر یک متن به کار می رود. همچنین برای مشخص کردن غلط املایی یک کلمه می توانیم از تگ u در html استفاده کنیم، متن زیر خط دار ایجاد کنیم به آن استایل دهی کنیم.

⭐ (پیشنهاد می کنم برای یادگیری بهتر، دوره رایگان آموزش HTML CSS به زبان ساده را ببینید.)⭐

کاربرد تگ u در html

اگر بخواهیم یک کلمه یا عبارت را در جمله با کشیدن یک خط زیر آن، برای کاربران مهم جلوه دهیم و توجه آنها را به آن عبارت جلب کنیم می توانیم آن عبارت را داخل تگ باز و بسته <u> قرار دهیم.

مثال:

<p>به این قسمت از متن <u>توجه</u> کنید</p>

خروجی:

به این قسمت از متن توجه کنید

همچنین می توانید با استایل دهی، شیوه نمایش زیرخط را تغییر دهیم و یا آن را به صورت غلط املایی نمایش دهیم.

مثال:

<style>

u: {

text-decoration-style: wavy;
text-decoration-color: red;
text-decoration-skip-ink: none;

}

</style>

خروجی:

نکاتی که درباره تگ u باید بدانید

• از تگ u در html برای زیرخط کردن، یا نشان دادن غلط املایی یک کلمه یا عبارت استفاده می شود.
• با استایل دهی می توان زیرخط را تغییر داد و این خط را به بالا یا روی متن انتقال داد و یا استایل های خاص دیگری روی آن اعمال کرد.
• تگ u برای موتورهای جستجو معنای خاصی ندارد (فقط برای کاربران یک متن را متمایز نشان می دهد. برای با ارزش نشان دادن متن برای موتورهای جستجو می توانید از تگ ins استفاده کنید. این تگ هم زیر متن خط می کشد و هم آن را برای موتوهای جستجو یک عبارت خاص نشان می دهد)
• در html5 معمولا از تگ u استفاده نمی شود (زیرا وقتی زیر یک عبارت خط کشیده می شود مانند یک عبارت لینک دار نمایش داده می شود. برای لینک دار کردن یک مطلب از تگ a در html استفاده می شود)
• اگر از این تگ استفاده کردید سعی کنید با استایل دهی، شیوه نمایش آن را از متن لینک دار متمایز کنید.

css پیش فرض تگ u

تگ u به صورت پیشفرض در مرورگر دارای استایل زیر است:

u {

text-decoration: underline;

}

تگ هایی که کاربرد آنها مشابه تگ u است

• تگ <b>: برای توپرکردن (Bold) کردن متن استفاده می شود.
• تگ <strong>: متن را توپر می کند و به موتورهای جستجو می گوید که این قسمت از متن دارای اهمیت ویژه ای است.
• تگ <mark>: برای علامت گذاری یک کلمه یا عبارت مورد استفاده قرار می گیرد.
• تگ <i>: کلمه یا عباراتی که درون این تگ قرار بگیرد به صورت کج (مورب) نمایش داده می شود.
• تگ <em>: کلمه و متنی که درون آن قرار بگیرد  را به صورت کج نمایش می دهد و به موتورهای جستجو می گوید که روی این متن تاکید شود.

نکته:

تفاوت تگ b و strong در این است که تگ b فقط برای کاربران قابل مشاهده است و برای موتورهای جستجو معنای خاصی ندارد ولی تگ strong برای موتورهای جستجو نیز معنا دارد و به آن قسمت از متن اهمیت می دهند. تفاوت تگ i و em نیز دقیقا به همین صورت است. یعنی تگ em برای موتورهای جستجو دارای معنی است.

مثال:

این قسمت از متن را با استفاده تگ b مشخص کرده ایم.

این قسمت از متن را با استفاده از تگ مارک مشخص کرده ایم.

این قسمت از متن را با استفاده از تگ i مشخص کرده ایم.

جمع بندی

تگ u در html برای انداختن یک خط زیر یک کلمه یا متن کاربرد دارد. همچنین برای مشخص کردن غلط املایی نیز استفاده می شود. نکته ای که در استفاده از این تگ حائز اهمیت است این است که این تگ فقط برای نمایش یک کلمه یا متن به صورت خاص به کار می رود تا توجه مخاطب به آن قسمت جلب شود و برای موتورهای جستجو معنای خاصی ندارد. بنابراین در جایی که ممکن است عبارت زیرخط دار با عبارت دارای لینک اشتباه گرفته شود از این تگ استفاده نکنید.

منبع: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/u