Singkatan seperti HTML, KTP, dan PBB menghemat ruang, tetapi pembaca baru bisa kehilangan konteks bila kepanjangannya tidak pernah dijelaskan. Elemen abbr menjembatani keduanya: teks singkatan tampil sebagaimana adanya, sementara kepanjangannya tersimpan pada atribut title.

Chapter ini membahas aturan penulisannya, momen terbaik pemakaiannya, serta beberapa kehati-hatian — termasuk perilaku pembaca layar yang berbeda-beda.

Aturan: title Berisi Kepanjangan #

abbr membungkus singkatan; atribut title berisi bentuk lengkapnya. Pola ini berlaku sama untuk singkatan internasional maupun Indonesia:

html 
<p>Dokumen ditulis dengan <abbr title="HyperText Markup Language">HTML</abbr> lalu ditata dengan <abbr title="Cascading Style Sheets">CSS</abbr>.</p>
<p>Sewa sepeda motor meminta <abbr title="Surat Izin Mengemudi">SIM</abbr> C yang masih berlaku dan <abbr title="Kartu Tanda Penduduk">KTP</abbr>.</p>

Hasil Render: singkatan tampil normal dengan garis bawah titik-titik; saat kursor berhenti di atasnya, tooltip berisi kepanjangan muncul. Mari kita telaah:

  1. Baris 1 (<abbr title="...">HTML</abbr>): singkatan internasional — penanda titik-titik muncul di bawah teks.
  2. Baris 2 (<abbr title="...">SIM</abbr> dan <abbr title="...">KTP</abbr>): pola yang sama untuk singkatan Indonesia; kepanjangan tertulis lengkap di title.

Kapan abbr Dipakai #

Momen terbaik pemakaian abbr adalah kemunculan pertama sebuah singkatan dalam halaman. Setelah kepanjangan dikenal, sebutan berikutnya cukup ditulis polos:

html 
<p>Tagihan <abbr title="Pajak Bumi dan Bangunan">PBB</abbr> dikirim setiap bulan Maret.</p>
<p>Pembayaran PBB dapat dilakukan lewat bank atau aplikasi.</p>
  1. Baris 1 (<abbr> pada kemunculan pertama): kepanjangan disertakan — pembaca baru mendapat konteks.
  2. Baris 2 (PBB polos): kemunculan berikutnya tidak perlu ditandai lagi; mengulang abbr di setiap baris membuat teks penuh penanda tanpa manfaat tambahan.

Perilaku Browser dan Pembaca Layar #

Garis bawah titik-titik adalah gaya bawaan yang berbeda-beda antar browser — sebagian menandainya, sebagian tidak menandai apa pun. Tooltip dari title muncul saat kursor menyentuh singkatan, tetapi tooltip memiliki keterbatasan pada keyboard dan layar sentuh (dibahas pada chapter Atribut title).

abbr dalam Heading: Hati-hati #

Dalam heading, kepanjangan pada title berisiko dibacakan pembaca layar sehingga judul menjadi jauh lebih panjang saat dilafalkan; penanda titik-titik juga muncul di tempat paling mencolok halaman. Bila ruang memungkinkan, tulis bentuk lengkap langsung pada judul: “Mengurus Kartu Tanda Penduduk” lebih aman daripada judul yang bertanda abbr pada kata KTP.

Ringkasan #

  • abbr menandai singkatan; kepanjangannya ditulis pada atribut title.
  • Pakai pada kemunculan pertama; kemunculan berikutnya cukup ditulis polos.
  • Garis bawah titik-titik dan tooltip adalah perilaku bawaan yang berbeda-beda antar browser.
  • Pembaca layar membaca abbr secara bervariasi — kepanjangan penting sebaiknya juga tampil dalam prosa.
  • Hindari abbr dengan title di dalam heading bila bentuk lengkap dapat ditulis langsung.

Chapter berikutnya menandai teks dunia komputer: empat elemen code, kbd, samp, dan var untuk kode, tombol, keluaran program, dan variabel.