تگ u در HTML

  /  فرانت اند   /  HTML   /  تگ u در HTML

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

مثال

<p>سلام من <u>متین برونسی</u> هستم.</p>


تعریف و کاربرد

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

فرق بین تگ u و تگ ins

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


پشتیبانی مرورگر ها

عنصر
<u>بلهبلهبلهبلهبله

خواص عمومی

تگ u از خواص عمومی در HTML پشتیبانی میکند.

رویداد های عمومی

تگ u از رویداد های عمومی در HTML پشتیبانی میکند.

تنظیمات پیش فرض CSS

اکثر مرورگر ها عنصر u در HTML را با تنظیمات پیش فرض زیر نمایش می دهند:

u {
  text-decoration: underline;
}

مثال های بیشتر

در مثال زیر با استفاده از CSS یک کلمه که غلط املایی دارد را مشخص کرده ایم:

<!DOCTYPE html>
<html dir="rtl">
<head>
<style>
.spelling-error {
text-decoration-line: underline;
text-decoration-style: wavy;
text-decoration-color: red;
}
</style>
</head>
<body>

<h1>عنصر u به همراه CSS</h1>

<p>این کلمه <u class="spelling-error">غلت املاخی</u> دارد!</p>

</body>
</html>

برای دسترسی به آموزش های بیشتر و ویدیو های من ، کلمه کلیدی متین برونسی را داخل گوگل سرچ کنید.

ارسال یک نظر