Dua elemen bekerja di dalam kalimat untuk menandai penekanan: strong dan em. Keduanya sering dianggap kembar karena tampilannya sama dengan teks tebal dan miring, padahal maknanya berbeda. strong menyatakan kepentingan; em mengubah aksen pembacaan.

Chapter ini membedah keduanya, lengkap dengan satu kalimat Indonesia yang maknanya bergeser hanya karena em berpindah kata — bukti bahwa penekanan HTML urusan makna, bukan gaya.

strong: Kepentingan yang Kuat #

Aturan strong: teks di dalamnya dinyatakan penting — serius, mendesak, atau berakibat. Peringatan, syarat, dan batasan adalah tempat pemakaiannya:

html 
<p>Setelah pesanan dikirim, alamat penerima <strong>tidak dapat diubah</strong> lagi.</p>

Hasil Render:

Frasa “tidak dapat diubah” tampil tebal; kalimat di sekitarnya tetap tegak. Mari kita telaah penempatannya:

  1. Baris 1 (<strong> pada “tidak dapat diubah”): bagian berakibat dari kalimat — konsekuensi yang harus tertangkap pembaca lebih dulu sebelum menekan tombol kirim.

em: Perubahan Aksen #

Aturan em: teks di dalamnya mendapat aksen — cara kalimat “dilafalkan” bergeser. Buktinya paling jelas pada satu kalimat yang sama dengan em yang berpindah kata:

html 
<p>Dewi bilang <em>Siti</em> yang mengirim paket.</p>
<p>Dewi bilang Siti yang <em>mengirim</em> paket.</p>
<p><em>Dewi</em> bilang Siti yang mengirim paket.</p>

Hasil Render:

Ketiga baris memakai kata-kata yang persis sama; yang berbeda hanya posisi kata yang tampil miring — perhatikan pada demo di atas, satu kata miring per baris. Pergeseran maknanya:

  1. Baris 1 (em pada “Siti”): menegaskan pelaku — yang mengirim Siti, bukan orang lain.
  2. Baris 2 (em pada “mengirim”): menegaskan aksi — Siti mengirim, bukan sekadar membawa atau menerima.
  3. Baris 3 (em pada “Dewi”): menegaskan pembicara — kabar bersumber dari Dewi, bukan misalnya Budi.

Bersarang dan Intensitas #

Kedua elemen boleh bersarang. em di dalam em menaikkan intensitas penekanan:

html 
<p>Petani harus <em>benar-benar <em>sangat</em> teliti</em> saat memilih bibit.</p>
  1. em luar (“benar-benar … teliti”): penekanan tingkat pertama pada rangkaian kata.
  2. em dalam (“sangat”): penekanan tingkat kedua — pada tampilan bawaan keduanya tetap miring, tetapi kedalaman ini terbaca mesin dan dapat ditata lebih kuat dengan CSS.

Kombinasi keduanya juga sah, misalnya kepentingan yang di dalamnya ada aksen:

html 
<p>Siti menegaskan bahwa kuota <strong>tinggal <em>tiga</em> tempat</strong>.</p>

Tampilan Bukan Makna #

Browser menampilkan strong tebal dan em miring secara bawaan — persis seperti b dan i. Meski tampilannya sama, maknanya berbeda: strong dan em menyatakan penekanan yang dibaca mesin, sedangkan b dan i tidak. Pemetaan lengkap perbedaan keempatnya dibahas pada chapter B dan I.

Ringkasan #

  • strong = kepentingan kuat (serius, mendesak, berakibat); em = perubahan aksen pada kalimat.
  • Posisi em yang berpindah mengubah makna kalimat yang sama.
  • Keduanya sah bersarang; em di dalam em menaikkan intensitas.
  • Tampilan tebal dan miring hanyalah bawaan browser; maknanya berbeda dari b dan i.

Chapter berikutnya mengupas pasangan tampilannya: b dan i, dua elemen lama yang kini berperan lebih sempit.