Apa Itu HTML? Sejarah, Parsing, dan DOM

Hampir semua yang Anda lihat di web, termasuk halaman ini, ditulis dalam HTML. HTML (HyperText Markup Language) bukan bahasa pemrograman, melainkan bahasa markup yang mendeskripsikan struktur dokumen: ini judul, ini paragraf, ini tautan, ini tabel. Dan HTML bukan hanya untuk situs web. HTML juga muncul di template email, dokumentasi bantuan, laporan hasil ekspor, dan dokumen yang "disimpan sebagai halaman web". Artikel ini membahas sejarah HTML, cara browser membacanya dan menampilkannya di layar, masalah umum, serta hal yang perlu diingat saat mengonversi file HTML ke Word atau PDF.

Apa itu HTML?

HTML adalah bahasa berbasis teks polos yang menandai konten dengan tag. Tag ditulis di antara kurung sudut, dan sebagian besar membentuk elemen dengan tag pembuka dan penutup:

<!DOCTYPE html>
<html lang="id">
  <head>
    <meta charset="utf-8">
    <title>Halaman contoh</title>
  </head>
  <body>
    <h1>Halo</h1>
    <p>Paragraf ini berisi sebuah <a href="https://example.com">tautan</a>.</p>
  </body>
</html>

Bagian <head> membawa informasi tentang halaman (pengodean karakter, judul, stylesheet), sedangkan <body> berisi konten yang terlihat. Tampilan ditambahkan dengan CSS dan perilaku dengan JavaScript. Dalam pembagian itu, HTML mendeskripsikan apa kontennya, CSS bagaimana tampilannya, dan JavaScript apa yang dilakukannya.

Sejarah singkat

HTML lahir sebagai bagian dari proyek World Wide Web yang diusulkan Tim Berners-Lee di CERN pada 1989. Browser pertamanya berjalan di komputer NeXT pada 1990. Versi-versi awal bahasa ini lebih merupakan daftar tag yang didokumentasikan di CERN daripada standar formal. Tonggak-tonggak penting sejak saat itu:

• November 1995, HTML 2.0: RFC 1866, yang ditulis Tim Berners-Lee dan Dan Connolly, untuk pertama kalinya mendefinisikan HTML sebagai standar formal.
• Januari 1997, HTML 3.2: versi yang secara resmi didukung W3C sebagai spesifikasi lintas industri.
• 24 Desember 1999, HTML 4.01: menjadi spesifikasi inti web selama bertahun-tahun; W3C secara resmi menandainya sebagai sudah digantikan pada 27 Maret 2018.
• 28 Oktober 2014, HTML5: W3C menerbitkan HTML5 sebagai Recommendation. Video, audio, elemen pembagian semantik, dan algoritma parsing yang didefinisikan secara presisi distandardisasi bersamanya.
• 28 Mei 2019, satu standar: W3C dan WHATWG, komunitas yang dibentuk para pembuat browser, menandatangani nota kesepahaman. Berdasarkan kesepakatan itu, HTML dan DOM dikembangkan terutama di WHATWG sebagai "Living Standard" tanpa nomor versi.

Jadi, "HTML5" saat ini pada praktiknya berarti "HTML terkini"; spesifikasi resminya adalah HTML Living Standard yang terus diperbarui.

Seberapa luas pemakaiannya? Menurut statistik W3Techs per 15 Oktober 2026, 97,8% situs web yang bahasa markup-nya diketahui memakai HTML. Sumber yang sama melaporkan bahwa 99,1% situs web yang pengodean karakternya diketahui memakai UTF-8.

Bagaimana browser memproses HTML?

Yang membedakan HTML dari format dokumen lain adalah bahwa dokumen yang ditulis dengan buruk pun ditafsirkan dengan cara yang sama di semua browser. HTML Living Standard mendefinisikan model parsing yang terperinci untuk itu:

1. Menentukan pengodean: browser pertama-tama harus mengubah byte yang masuk menjadi karakter. Browser memeriksa secara berurutan BOM, pengodean yang dideklarasikan di header HTTP dari server, dan deklarasi <meta charset> di 1024 byte pertama dokumen; jika tidak ada yang ditemukan, browser membuat tebakan yang masuk akal.
2. Tokenisasi: sebuah state machine memecah teks menjadi token seperti tag pembuka, tag penutup, komentar, DOCTYPE, dan karakter.
3. Pembangunan pohon: token diproses menurut insertion mode seperti "in body" atau "in table". Parser menyimpan tumpukan elemen yang sedang terbuka dan memperbaiki tag yang salah susun menurut aturan yang sudah ditetapkan.
4. DOM: hasilnya adalah pohon objek yang disebut Document Object Model (DOM). CSS diterapkan pada pohon itu, dan JavaScript membaca serta mengubahnya.

Spesifikasi menyatakan dengan jelas bahwa penanganan kesalahan parsing sudah didefinisikan dengan baik. Misalnya, jika Anda menulis <div/>, HTML mengabaikan garis miring di akhir, sehingga elemen-elemen berikutnya berakhir di dalam div tersebut. <p> yang tidak ditutup akan ditutup otomatis saat elemen blok berikutnya muncul. Toleransi inilah yang membuat web tetap berjalan meski ada banyak sekali halaman yang tidak sempurna, tetapi itu juga berarti setiap alat yang mengubah HTML menjadi format dokumen harus mengikuti aturan yang sama.

Di mana HTML digunakan?

• Situs web dan aplikasi web: kerangka setiap halaman web.
• Email: email berformat dan newsletter ditulis dalam HTML.
• Dokumentasi: halaman bantuan, dokumentasi perangkat lunak, dan situs yang dihasilkan dari Markdown.
• E-book: format EPUB mengemas konten sebagai dokumen XHTML.
• Laporan dan ekspor: banyak aplikasi menghasilkan laporan sebagai HTML, dan hasil "Save as Web Page" dari Word juga berupa HTML.

Kelebihan dan kekurangan

Program apa yang bisa membuka HTML?

Semua browser, termasuk Chrome, Firefox, Safari, dan Edge, bisa menampilkan HTML. Untuk menyunting kode sumbernya, editor kode seperti Visual Studio Code atau editor teks apa pun sudah cukup. Microsoft Word dan LibreOffice Writer bisa membuka file HTML dan menyuntingnya sebagai dokumen, meskipun tata letak CSS yang rumit akan disederhanakan di sana.

Masalah umum dan cara mengatasinya

Karakter khusus tampil rusak

Pengodean halaman tidak ada atau salah. Tambahkan <meta charset="utf-8"> di dekat bagian atas <head> dan pastikan file benar-benar disimpan sebagai UTF-8. Jika server mendeklarasikan pengodean yang berbeda, perbaiki juga header HTTP-nya.

Halaman yang disimpan tidak punya gambar atau gaya

File HTML sering mengambil gambar dan CSS dari file terpisah atau dari alamat di internet. Jika Anda hanya memindahkan file .html, tautan-tautan itu akan putus. Gunakan opsi simpan "Web page, complete" di browser Anda atau sematkan gambar di dalam dokumen.

Halaman berantakan saat dicetak

Tata letak yang dirancang untuk layar mungkin tidak muat di kertas. Mendefinisikan aturan @media print serta mengatur ukuran kertas dan margin dengan @page di CSS sangat memperbaiki hasil cetak.

Tips mengonversi file HTML

Di konverter kami, file HTML diunggah ke server kami dan dihapus dalam 30 menit. Saat file dibaca, pengodean dideteksi dari BOM, lalu dari deklarasi <meta charset>, lalu dari isinya sendiri; halaman lama berbahasa Turki yang bukan UTF-8 dibaca sebagai Windows-1254. Isi <body> dokumen dan blok <style> halaman dipertahankan, dan potongan HTML tanpa tag <body> diproses apa adanya.

• HTML ke PDF berjalan di mesin browser: CSS cetak diterapkan, ukuran halaman yang didefinisikan dengan @page diikuti (jika tidak ada, A4), dan warna latar belakang ikut dicetak. Demi keamanan, JavaScript tidak dijalankan dan gambar, font, atau stylesheet di internet tidak diunduh; hanya sumber daya yang tersemat di dalam dokumen (data: URI) yang dipakai. Jika Anda ingin gambar muncul di hasilnya, sematkan gambar tersebut di dalam HTML.
• HTML ke Word memakai LibreOffice untuk membawa judul, daftar, tabel, perataan, dan gambar tersemat ke DOCX. Tata letak CSS yang rumit (flex, grid) tidak punya padanan di Word dan akan disederhanakan.
• HTML ke Markdown ideal untuk memindahkan halaman web atau artikel bantuan ke repositori dokumentasi: judul, penekanan, daftar, tabel, tautan, dan blok kode dipertahankan, sedangkan informasi gaya dibuang.
• Untuk arah sebaliknya, Word ke HTML menyematkan gambar di dalam file dan menghasilkan satu dokumen HTML mandiri dengan pengodean karakter yang dideklarasikan, sehingga karakter beraksen tampil benar di browser.

Pertanyaan yang Sering Diajukan

Apakah HTML termasuk bahasa pemrograman?

Bukan. HTML adalah bahasa markup: HTML mendeskripsikan struktur konten tetapi tidak memiliki perulangan, kondisi, atau perhitungan. JavaScript dipakai untuk menambahkan perilaku pada halaman.

Apa perbedaan HTML5 dan HTML?

HTML5 adalah nama versi besar yang menjadi W3C Recommendation pada 2014. Sejak 2019, HTML dikembangkan di WHATWG tanpa nomor versi sebagai "HTML Living Standard". Dalam praktiknya, HTML5 dan HTML saat ini berarti hal yang sama.

Bagaimana cara membuka file HTML?

Klik dua kali dan file akan terbuka di browser bawaan Anda. Untuk melihat kode sumbernya, buka file di editor teks atau gunakan opsi "View page source" di browser Anda.

Mengapa gambar hilang saat HTML dikonversi ke PDF?

Jika gambar dimuat dari alamat internet, konverter kami tidak mengunduhnya demi keamanan. Sematkan gambar di dalam HTML sebagai data: URI, atau konversikan dokumen ke Word terlebih dahulu lalu tambahkan gambarnya di sana.

Apakah file HTML aman untuk dibuka?

HTML bisa mengandung JavaScript, jadi berhati-hatilah dengan file dari sumber yang tidak dikenal. Halaman HTML yang datang sebagai lampiran email dan meminta kata sandi adalah teknik phishing yang umum.

Sumber

• WHATWG: HTML Living Standard, Parsing HTML documents
• Nota Kesepahaman W3C dan WHATWG (28 Mei 2019)
• Siaran pers W3C: HTML5 Recommendation (28 Oktober 2014)
• W3C: HTML 4.01 Specification
• IETF RFC 1866: Hypertext Markup Language - 2.0
• Dave Raggett: A history of HTML
• W3Techs: Statistik penggunaan bahasa markup di situs web