زیرخط دار (u)
تگ «زیرخط دار (Underline)» یعنی <u> متن را متفاوت نشان می دهد. معمولاً زیر آن خط می کشد. این تگ برای «کلمه غلط املایی» یا «نام های خاص» استفاده می شود. اما حواست باشد با لینک اشتباه نشود.
تعریف و کاربرد تگ u
تگ «u» متنی «نامشخصِ تأکیدی» را با استایل متفاوت نشان می دهد. معمولاً زیرخط دارد. می توانی با CSS نوع خط و رنگ را عوض کنی. ولی مراقب باش با لینک اشتباه گرفته نشود.
مثال: مشخص کردن غلط املایی
<p>
This is some <u>mispeled</u> text.
</p>
سفارشی سازی زیرخط با CSS
می توانی نوع خط را موج دار کنی. همچنین رنگ را قرمز بگذار. این کار برای غلط های املایی عالی است.
<style>
.spelling-error {
text-decoration-line: underline;
text-decoration-style: wavy;
text-decoration-color: red;
}
</style>
<p>
This is some <u class="spelling-error">mispeled</u> text.
</p>
راهنمای سریع استفاده
- تصمیم بگیر چرا زیرخط می خواهی.
- جایی که ابهام ندارد، <u> بگذار.
- اگر ممکن است با لینک اشتباه شود، استایل را تغییر بده.
هشدار: از <u> کنار لینک ها کمتر استفاده کن. چون کاربر فکر می کند لینک است. برای لینک از a استفاده کن.
مقدار پیش فرض مرورگرها
تقریباً همه مرورگرها <u> را زیرخط دار نشان می دهند. می توانی این رفتار را با CSS تغییر دهی.
<style>
u {
text-decoration: underline;
}
</style>
پیوندهای مرتبط
قواعد فرمت متن را در HTML Text Formatting ببین. شیء DOM مربوطه هم Underline Object است. همچنین صفحه زیرخط دار را بوکمارک کن.
جمع بندی سریع
- <u> متن را زیرخط دار می کند.
- با لینک ها اشتباه نشود.
- CSS را برای استایل بهتر بده.
- برای لینک از <a> استفاده کن.