Tutorial HTML <u>
Elemen HTML
<u>
digunakan untuk membuat teks dengan garis. Pada HTML5, element ini mewakili rentang teks dengan anotasi non-teks yang tidak diartikulasikan. Element ini ditujukan untuk penulisan teks yang salah dalam pengejaannya/penulisannya serta beberapa penulisan bahasa negara tertentu, salah satunya bahasa chinaHTML
<u>
sudah tidak digunakan lagi dalam HTML 4 dan XHTML 1, namun diperkenalkan kembali pada HTML5.Contoh HTML <u>
<p> Berikut cara menghapus <u>chance</u> browser </p>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p> Berikut cara menghapus <u>chance</u> browser </p> Kata chance seharusnya cache </body> </html>
Dalam spesifikasi HTML 5 dianjurkan menggunakan element html lainnya jika ingin memberi garis bawah pada sebuah teks non-semantic, misalnya dengan menggunakan element
<span>
yang kemudian dihias menggunakan CSS.Kenapa untuk menghindari menggunakan element Disarankan menggunakan element html lainnya, contohnya sebagai berikut :
<u>
, hal ini untuk menghindari kesalahpahaman user atau pembaca dalam memahami sebuah teks, apakah sebuah teks bergaris bawah atau sebuah teks link (<a>
). Lihat Contoh berikut :<p> <a href="http://triksonic.blogspot.com">triksonic.blogspot.com</a> </p> <p> <u>triksonic.blogspot.com</u> </p>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> </head> <body> <p> <a href="http://triksonic.blogspot.com">triksonic.blogspot.com</a> </p> <p> <u>triksonic.blogspot.com</u> </p> Kedua teks diatas memiliki persamaan bergaris bawah </body> </html>
<p> 1. <a href="http://triksonic.blogspot.com">triksonic.blogspot.com</a> </p> <p> 2. <span class="underline">triksonic.blogspot.com</span> </p>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>Demo Triksonic</title> <style> .underline { border-bottom: 2px solid #7aa9f7; } </style> </head> <body> <p> 1. <a href="http://triksonic.blogspot.com">triksonic.blogspot.com</a> </p> <p> 2. <span class="underline">triksonic.blogspot.com</span> </p> Teks nomor 2 lebih jelas dipahami oleh user sebagai teks yang bergaris bawah. </body> </html>
Global Attributes:
Element <u> mencakup Global Attributes HTML.
Event Attributes:
Element <u> mencakup Event Attributes HTML.
Browser Support :
HTML | |||||
---|---|---|---|---|---|
Element | Chrome | Safari | Firefox | Opera | IE / Edge |
<u> | Ya | Ya | 1 | Ya | Ya |
Default CSS :
Browser yang support dengan element
<u>
, mempunyai nilai default :u { text-decoration: underline; }