آموزش تگ u در HTML

30 مرداد 1401
ارسال شده توسط
آموزش html css

آموزش تگ u در HTML

دوست من سلام امیدوارم حالتون عالی و پر از انرژی باشید. توی این بخش از آموزش html css قراره که با تگ u در HTML به صورت کامل آشنا بشید.

تگ u در HTML

تگ u که مترادف کلمه انگلیسی Underline ( یعنی خط زیر ) است ، تگی است که با استفاده از آن میتوانید یک خط به زیر یک کلمه و یا چند کلمه و یا حتی متون بکشید.

این تگ برای موتورهای جستجوگر هیچ معنی و مفهوم خاصی ندارد، و فقط زیر یک متن خط میکشد. ( مثلا میخواهیم یک متن رو متفاوت تر از بقیه متن ها نمایش دهیم )

تگ u و تگ ins در ظاهر شبیه به هم هستن ولی معنی آن ها برای مرورگرها و موتورهای جستجوگر باهمدیگه متفاوت است. تگ u فقط یک خط به زیر یک متن و یا محتوا می کشد ( بدون هیچ ارزش محتوایی ) ولی تگ ins برای مرورگرها و موتورهای جستجوگر به عنوان یک متن مورد توجه و با ارزش تلقی می شود.

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

مثال از تگ u در HTML

در ادامه ی آموزش html و css میتوانید یک مثال از این تگ را مشاهده کنید.

مثال شماره ۱ : استفاده از تگ u ( بدون استایل )

<body>
 <p>Salam Khobi? Man <u>Alizadeh</u> Hastam</p>
</body>

مثال شماره ۲ : استایل دادن به تگ u با استفاده از CSS

<style>
u{
 text-decoration-line:underline;
 text-decoration-style:wavy;
 text-decoration-color:red;
}
</style>

راستی اگر دنبال آموزش html css پروژه محور هستید می توانید از دوره ی آموزش وردپرس پوش استفاده کنید. جهت مشاهده ی 28 ساعت ویدیو آموزشی با پشتیبانی مادام العمر روی این لینک کلیک کنید.

تفاوت بین HTML 4.01 و HTML5

تگ <u> در HTML 4.01 تو صیه نمی شود. (تگ <u> در HTML 4.01 محتوی خود را به صورت زیر خط دار نمایش می دهد).

نکات مهم در مورد تگ <u> در سند اچ تی ام ال

نکته ۱ :

در اسنا اچ تی ام ال بهتر است از تگ <u> استفاده نکنیم، زیرا ممکن است با لینک ها اشتباه گرفته شود (متونی که به صورت زیر خط دار نمایش داده می شوند معمولأ برای ایجاد پیوند بکار برده می شوند).

نکته ۲ :

در دوره ی آموزشی html css همواره به توسعه دهندگان وب یادآوری می کند که سایر عناصر اچ تی ام ال عمدتاً مناسب تر از تگ <u> هستند.

پشتیبانی مرورگرها
آیا مرورگرهای اینترنتی از تگ u در HTML پشتیبانی میکنند یا خیر؟ جواب این سوال را می توانید در جدول زیر مشاهده بکنید.

 

آموزش تگ u در HTML+وردپرس پوش

 

پشتیبانی از صفات و رویدادهای عمومی

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

نکات و توضیحات

  • لینک ها ( که با استفاده از تگ a ایجاد میشن ) هم بصورت پیش فرض یه خط زیر خودشون دارن، ولی خب میشه به راحتی با استفاده از CSS تغییر داد.

دستورات CSS پیش فرض

معمولا مرورگرها تگ u را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.

u {
  text-decoration: underline;
}

 

برای امتیاز به این نوشته کلیک کنید!
[کل: 0 میانگین: 0]

در صورتی که مشکلی دارید و قادر به حل آن نیستید می توانید با ما در تماس باشید

فرم درخواست پشتیبانی (فرم زیر پست ها)

برچسب ها:

دیدگاهتان را بنویسید