#23 Menulis singkatan dengan tag abbr pada HTML

Menulis singkatan dengan tag abbr dan tag acronym pada HTML

tag abbr adalah tag yang digunakan untuk membuat singkatan pada teks panjang. tag <abbr> berasal dari kata abbreviation. abbreviation artinya singkatan.

tag <abbr> digunakan bersama dengan atribut title untuk mengaitkan penjelasan teks lengkap, pengunjung situs web tidak melihat teks dalam atribut title, tetapi browser dan mesin pencari menggunakan informasi ini.

jika pengunjung ingin melihat kepanjangannya, arahkan mouse ke atas singkatan maka akan terlihat kepanjangan dari singkatan tersebut. singkatan akan ditandai dengan garis bawah titik.

ada tag yang fungsinya sama namun telah ditinggalkan di HTML 5 yaitu tag <acronym>, jadi disarankan menggunakan tag <abbr>.

cara penulisan sintaknya dibuka dengan tag <abbr> dan ditutup dengan tag </abbr>, sertakan atribut title untuk kepanjangan dari singkatan seperti dibawah ini.

<!DOCTYPE html>
<html>
<head>
    <title> Belajar tag abbr </title>
</head>
<body>
    Saat ini kita sedang belajar <abbr title="HyperText Markup Language">HTML</abbr>
    <br>
    Setelah selesai kita akan belajar <abbr title="Cascading Style Sheets">CSS</abbr>
    <br>
    Arahkan mouse ke atas singkatan dan lihat kepanjangan dari singkatan HTML dan CSS
</body>
</html>Code language: HTML, XML (xml)

Pencarian di thohirdev:

  • belajar menulis tag abbr
  • pengertian tag abbr
  • cara menulis singkatan pada html
  • abbr tag html, abbr tag in html, tag abbr in html, Tag Abbreviation

Tutorial Terbaru