HTML Inline Elements Span Mark Small Time

Ringkasan

Selain teks formatting, HTML punya elemen inline untuk makna spesifik: span (generik), mark (highlight), small (finely printed), time (waktu mesin-baca), abbr (singkatan).

Konsep Dasar

• <span> — pembungkus generik, biasanya untuk styling/JS hook.
• <time datetime="2026-08-28"> — mesin bisa parse tanggal.
• <abbr title="HyperText Markup Language">HTML</abbr> — singkatan.
• <small> — catatan legal/disclaimer, <mark> — relevansi.

Cara Kerja / Struktur

html

<p>Dibuat pada <time datetime="2026-08-28">28 Agu 2026</time>.</p>
<p>Gunakan <abbr title="Cascading Style Sheets">CSS</abbr> untuk styling.</p>
<p><span class="tag">Baru</span> Fitur ini <mark>penting</mark>.</p>

Catatan Implementasi

• datetime pada <time> membantu SEO (rich result tanggal).
• <span> netral secara makna — jangan gunakan untuk hal yang punya elemen semantik.

Kesalahan Umum

• Pakai <span> untuk semua styling padahal ada <strong>/<em>/<mark>.
• <abbr> tanpa title.

Glosarium

• Inline: mengalir dalam teks, tidak patah baris.
• Machine-readable: bisa diparse mesin (datetime).

Referensi

• HTML Semantics dan Struktur Dokumen