Q dan Cite

Kutipan tidak selalu sepanjang paragraf. Satu kalimat pendek yang disisipkan ke dalam kalimat kita ditandai elemen q, sementara judul karya yang disebut dalam teks ditandai elemen cite. Keduanya sering keliru dipakai, karena cite punya dua wajah: atribut alamat sumber dan elemen judul karya.

Chapter ini membedah keduanya, termasuk satu fakta menarik: tanda kutip pada q ditambahkan oleh browser sendiri — dan bentuknya mengikuti bahasa dokumen.

q: Kutipan Pendek dalam Kalimat #

Aturan q: elemen ini menandai kutipan pendek yang berada di dalam kalimat. Tanda kutip tidak kita tulis — browser yang menambahkannya saat merender:

<p>Dalam catatan harian, Budi menulis, <q cite="https://example.com/catatan-budi">kopi terbaik selalu habis sebelum sore</q>.</p>

Hasil Render:

1. Baris 1 (<q cite="...">): pembuka kutipan sekaligus alamat sumber — sama seperti cite pada blockquote, nilainya tidak tampil bagi pembaca.
2. Tanda kutip pada hasil: ditambahkan browser; menulis tanda kutip ganda lagi di dalam q membuat kutipan tampil berganda.

Bentuk tanda kutip itu mengikuti bahasa dokumen. Browser membaca atribut lang lalu memilih konvensi tanda kutip bahasa tersebut — dokumen Indonesia memakai tanda kutip lurus, sedangkan bahasa Prancis memakai tanda kutip sudut:

<p lang="fr">Siti répond, <q>merci pour le café</q>.</p>

Hasil Render:

Cukup set lang dengan benar dan tanda kutip mengikuti — tanpa satu pun CSS tambahan.

cite: Judul Karya, Bukan Nama Orang #

Aturan elemen cite: menandai judul karya — buku, film, lagu, artikel, laporan — yang disebut di dalam teks. Kesalahan umum pemakaiannya adalah menandai nama orang:

<p>Kutipan pagi itu ditulis oleh <cite>Dewi Anggraini</cite>.</p>

Nama orang bukan judul karya, sehingga penanda cite di atas menyesatkan mesin. Perbaikannya menulis nama secara polos dan menandai judul karyanya:

<p>Kutipan pagi itu ditulis oleh Dewi Anggraini, pemilik <cite>Jurnal Toko Roti Dewi</cite>.</p>

Hasil Render: judul jurnal tampil miring secara bawaan, sedangkan nama pemiliknya tegak. Mari kita telaah:

1. Blok pertama (<cite> pada nama): pemakaian keliru — nama orang bukan karya.
2. Blok kedua (<cite> pada judul): pemakaian benar — judul karya ditandai, nama orang dibiarkan polos.

Ringkasan #

• q menandai kutipan pendek dalam kalimat; tanda kutipnya ditambahkan browser secara otomatis.
• Bentuk tanda kutip q mengikuti bahasa yang ditetapkan atribut lang pada dokumen atau elemen.
• Elemen cite menandai judul karya — bukan nama orang; nama ditulis polos.
• Atribut cite (URL sumber) tidak tampil bagi pembaca.

Chapter berikutnya menangani singkatan: elemen abbr yang menyimpan kepanjangan seperti KTP dan PBB pada atribut title.