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 china
HTML
<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;
}