tRikSonic
Tema

HTML u Tag

Terakhir diperbarui : 22 Mei 2018 - 10.09

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 font
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 <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>
Disarankan menggunakan element html lainnya, contohnya sebagai berikut :
<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
ElementChromeSafariFirefoxOperaIE / Edge
<u>YaYa1YaYa

Default CSS :

Browser yang support dengan element <u>, mempunyai nilai default :
u {
    text-decoration: underline;
}
X
Run
Klik tombol Run, untuk menampilkan hasil editing, atau menyegarkan editor.