این آموزش در تاریخ ۱۴۰۲/۰۶/۲۳ آپدیت شده است.
آموزش تگ u در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ u در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ u در HTML
تگ u که مخفف کلمه انگلیسی Underline ( یعنی خط زیر ) می باشد ، تگی است که با استفاده از آن میتوان یک خط به زیر یک کلمه / متن کشید.
این تگ برای موتورهای جستجوگر هیچ معنی و مفهوم خاصی نداره، و فقط صرفا یه خط زیر یک متن میکشه. ( مثلا میخوایم یک متن رو متفاوت تر از بقیه متن ها نمایش دهیم )
تگ u در ظاهر شبیه تگ ins می باشد ولی برای مرورگرها و موتورهای جستجوگر باهمدیگه فرق میکنند، تگ u فقط یک خط به زیر یک متن و یا محتوا می کشد ( بدون هیچ ارزش محتوایی ) ولی تگ ins برای مرورگرها و موتورهای جستجوگر به عنوان یک متن مورد توجه و با ارزش می باشد.
Free-Learn
مثال از تگ u در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
مثال شماره ۱ : استفاده از تگ u ( بدون استایل )
|
1 2 3 4 5 |
<body> <p>Salam Khobi? Man <u>Sadegh</u> Hastam</p> </body> |
مثال شماره ۲ : استایل دادن به تگ u با استفاده از CSS
|
1 2 3 4 5 6 7 8 9 |
<style> u{ text-decoration-line:underline; text-decoration-style:wavy; text-decoration-color:red; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از تگ u در HTML پشتیبانی میکنند یا خیر.
| نام مرورگر | Chrome | Firefox | Opera | Safari | Edge |
| پشتیبانی | بله | بله | بله | بله | بله |
Free-Learn
پشتیبانی از صفات و رویدادهای عمومی
تگ u از صفات عمومی و رویدادهای عمومی در HTML پشتیبانی می کند.
Free-Learn
نکات و توضیحات
- لینک ها ( که با استفاده از تگ a ایجاد میشن ) هم بصورت پیش فرض یه خط زیر خودشون دارن، ولی خب میشه به راحتی با استفاده از CSS تغییر داد. ( مثال )
Free-Learn
دستورات CSS پیش فرض
معمولا مرورگرها تگ u را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.
|
1 2 3 |
u { text-decoration: underline; } |
