HTML17 / 46

Elemen teks semantik

<strong> menyatakan bahwa teksnya penting dan screen reader membacakannya dengan penekanan, sedangkan <b> hanya menebalkan tanpa makna apa pun. Pola yang sama berlaku untuk <em> (penekanan) dibanding <i> (miring saja). Elemen <time datetime="2026-07-27"> membuat tanggal terbaca mesin dalam format standar, sehingga mesin pencari bisa menampilkan tanggal artikelmu di hasil pencarian. Di code review, memilih elemen bermakna dibanding elemen visual adalah salah satu hal yang paling sering dikomentari reviewer.

👀 Contoh dulu

<p>
  <strong>Perhatian</strong>: promo berakhir
  <time datetime="2026-12-31">31 Desember 2026</time>.
</p>

Hasilnya: Kata 'Perhatian' tampil tebal, dan tanggal tampil normal tapi bisa dibaca mesin dalam format standar.

💡 datetime memakai format YYYY-MM-DD (format internasional), sementara teks yang terlihat user boleh ditulis bebas.

📝 Sekarang giliranmu

Buat paragraf yang di dalamnya ada <strong> berisi Penting dan elemen <time> dengan atribut datetime bernilai 2026-07-27.

Preview