Dokumentasi seperti MDN menjelaskan HTML dengan gaya ramah untuk developer. Di atasnya terdapat dokumen yang menjadi acuan resmi para pembuat browser: HTML Living Standard yang disusun oleh WHATWG (Web Hypertext Application Technology Working Group). Ketika dua sumber tampak berbeda pendapat tentang perilaku HTML, dokumen inilah penentunya. Chapter ini memperkenalkan struktur spec, cara membaca definisi di dalamnya, dan situasi yang menuntut kita merujuk langsung ke spec.
Standar Tanpa Nomor Versi #
Hal pertama yang membedakan spec ini dari standar generasi lama adalah absennya nomor versi. Sebagai living standard, dokumen terus diperbarui: perubahan masuk melalui pull request pada repositori whatwg/html yang terbuka bagi publik. Browser mengambil ketentuan terbaru dari dokumen ini, sehingga yang kita baca hari ini adalah kondisi terkini, bukan potongan versi 4.01 atau 5.0 yang terkunci. Kebiasaan menyebut HTML5 kini lebih tepat dibaca sebagai penanda era.
Struktur Multipage #
Spec tersedia dalam dua bentuk: satu berkas raksasa dan versi multipage yang terbagi per topik pada html.spec.whatwg.org/multipage/. Untuk pembacaan acak, multipage jauh lebih nyaman karena setiap area fitur memiliki halaman sendiri. Beberapa bagian yang paling sering kita singgahi:
| Bagian multipage | Cakupan |
|---|---|
| Semantics, structure, and APIs of HTML documents | definisi elemen, DOM, dan kategori konten |
| Forms | elemen form, kontrol isian, dan validasi klien |
| Media elements | img, video, audio, picture, track |
| Interactive elements | details, summary, dan dialog |
| Rendering | saran tampilan default browser |
| Obsolete features | elemen dan atribut usang |
| Index | indeks elemen, atribut, dan istilah |
Daftar tersebut bukan keseluruhan isi spec; masih ada bab Workers, Web storage, dan komunikasi. Pola yang perlu kita tangkap: setiap area fitur punya bab dengan nomor bagian yang stabil, sehingga tautan dalam bentuk multipage/forms.html#... tetap berlaku dalam jangka panjang.
Cara Membaca Definisi Spec #
Gaya bahasa spec berbeda dari dokumentasi karena pembacanya adalah implementer, yaitu pembuat browser. Kalimatnya presisi namun padat, dan satu paragraf dapat memuat beberapa istilah teknis sekaligus. Contoh yang mewakili: pada bagian Semantics, spec menyatakan bahwa setiap elemen memiliki content model, yaitu deskripsi isi yang diharapkan pada elemen tersebut. Ketika membaca halaman per elemen, tiga butir yang layak dicari adalah content model, daftar atribut, dan catatan tag omission.
Edisi Dev dan Kapan Merujuk Spec #
Untuk keperluan sehari-hari, WHATWG menyediakan edisi khusus developer di html.spec.whatwg.org/dev/. Isinya tetap ketentuan yang sama, namun bagian yang hanya menyangkut pembuat browser diringkas. Meski demikian, versi multipage tetap rujukan kanonik: ketika kita mengutip spec dalam diskusi, tautan multipage yang lazim dipakai.
Kapan kita perlu naik ke spec? Tiga situasi muncul paling sering:
- Perdebatan perilaku halus: dua browser merender markup tertentu dengan hasil berbeda, dan spec menentukan perilaku mana yang benar.
- Ketentuan yang jarang dibahas dokumentasi: aturan parsing, perilaku error recovery, atau batas kategori konten.
- Pemeriksaan status fitur: memastikan apakah sebuah fitur masih bagian standar, telah usang, atau baru ditambahkan.
Sebagai latihan membaca, kita buat halaman catatan kecil yang merangkum istilah spec yang paling sering muncul pada bagian per elemen:
<!doctype html>
<html lang="id">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Catatan Membaca Spec</title>
</head>
<body>
<article>
<h1>Catatan Membaca Spec</h1>
<p>Tiga istilah yang paling sering muncul pada bagian per elemen di HTML Living Standard.</p>
<dl>
<dt>Content model</dt>
<dd>Deskripsi isi yang diharapkan pada suatu elemen.</dd>
<dt>Tag omission</dt>
<dd>Ketentuan kapan tag pembuka atau tag penutup boleh tidak ditulis.</dd>
<dt>Kategori konten</dt>
<dd>Label seperti flow content yang menentukan posisi elemen di dokumen.</dd>
</dl>
<p>Rujukan utama: <a href="https://html.spec.whatwg.org/multipage/">HTML Living Standard (multipage)</a>.</p>
</article>
</body>
</html>Output yang Dihasilkan:
Browser menampilkan halaman berjudul "Catatan Membaca Spec": satu daftar
definisi dengan tiga pasangan istilah dan penjelasan, ditutup tautan
menuju versi multipage HTML Living Standard.Mari kita telaah perannya satu per satu:
- Baris 9 (
<article>): satu unit tulisan mandiri; cocok untuk catatan yang berdiri sendiri. - Baris 12-19 (
<dl>): daftar definisi; pasangandt(istilah) dandd(penjelasan) meniru bentuk leksikon yang juga dipakai spec. - Baris 13-14: istilah pertama, content model, beserta penjelasan singkatnya.
- Baris 15-18: dua istilah berikutnya, tag omission dan kategori konten, dengan pola pasangan yang sama.
- Baris 20 (
<a>): tautan rujukan utama menuju versi multipage, sehingga catatan dapat dilacak kembali.
Dengan dokumentasi dan spec di tangan, dua sumber terbesar telah lengkap. Chapter berikutnya turun ke level yang lebih praktis: indeks elemen MDN, pintu masuk tercepat ketika kita mencari elemen yang tepat untuk konten tertentu.
Referensi resmi untuk pendalaman:
- WHATWG — HTML Living Standard (multipage)
- WHATWG — HTML spec: developer edition
- WHATWG — Definisi elemen dan content model
Berkas Sumber
Berkas pendukung halaman ini dapat diunduh dan dijalankan langsung sesuai penjelasan di atas.
catatan-baca-spec.html
Unduh berkas<!doctype html>
<html lang="id">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Catatan Membaca Spec</title>
</head>
<body>
<article>
<h1>Catatan Membaca Spec</h1>
<p>Tiga istilah yang paling sering muncul pada bagian per elemen di HTML Living Standard.</p>
<dl>
<dt>Content model</dt>
<dd>Deskripsi isi yang diharapkan pada suatu elemen.</dd>
<dt>Tag omission</dt>
<dd>Ketentuan kapan tag pembuka atau tag penutup boleh tidak ditulis.</dd>
<dt>Kategori konten</dt>
<dd>Label seperti flow content yang menentukan posisi elemen di dokumen.</dd>
</dl>
<p>Rujukan utama: <a href="https://html.spec.whatwg.org/multipage/">HTML Living Standard (multipage)</a>.</p>
</article>
</body>
</html>