Standar Web dan W3C: Kenapa Seluruh Web Bisa Saling Nyambung

Penjelasan ramah pemula soal standar web: aturan bersama di balik HTML, CSS, dan HTTP, serta kenapa lembaga seperti W3C, WHATWG, dan IETF membuat semua browser bisa membuka situs apa pun.

Diterbitkan 15 September 20269 menit bacaOleh ACY Partner Indonesia
Ilustrasi sampul Standar Web dan W3C
300 × 250Slot Iklan TersediaPasang iklan Anda di sini

Coba pikirkan, sebenarnya web itu hal yang aneh kalau dipikir-pikir. Situs yang sama bisa kamu buka di HP Android murah, laptop Windows yang umurnya sepuluh tahun, Mac keluaran terbaru, sampai smart TV di ruang tamu. HP-nya dibuat satu perusahaan, laptopnya perusahaan lain, browsernya pihak ketiga, dan situsnya dibuat orang yang belum pernah kamu temui. Tidak ada satu pun dari mereka yang saling janjian. Tapi anehnya, semuanya jalan dengan mulus.

Itu bukan kebetulan. Semua bisa nyambung karena semua pihak diam-diam sepakat memakai aturan main yang sama. Aturan itu namanya standar web, dan ada beberapa lembaga yang menjaganya supaya web tetap jadi satu ruang bersama, bukannya pecah jadi ratusan versi yang tidak saling kenal. Di artikel ini kita akan bedah apa itu standar tersebut, siapa yang menjaganya, dan kenapa hal yang biasanya kita anggap remeh ini sebenarnya penting sekali.

Apa sebenarnya arti “standar web”

Standar itu intinya cuma kesepakatan tertulis tentang bagaimana sesuatu harus bekerja, supaya orang yang berbeda-beda bisa membuat bagian yang nantinya pas saling dipasang. Sebenarnya kamu sudah bergantung pada standar di mana-mana. Colokan listrik punya bentuk yang seragam, jadi lampu apa pun yang kamu beli bisa dipasang. Kertas datang dalam ukuran baku, jadi printer apa pun bisa memakainya. Tidak ada yang menikmati kesepakatan ini, tapi tanpanya hidup jadi kacau.

Standar web ide dasarnya sama, hanya saja diterapkan ke teknologi yang menjalankan web. Bentuknya berupa dokumen yang rinci, sering disebut spesifikasi (atau “spec”), yang menjelaskan persis bagaimana satu bagian web harus berperilaku. Sebuah spec bisa menjelaskan, sampai ke detail yang menjemukan, apa arti sebuah tag HTML tertentu, bagaimana sebuah nilai warna harus dibaca, atau apa yang harus dijawab server ketika sebuah halaman tidak ketemu.

Tiga pilar yang biasanya pertama kali ditemui pemula adalah:

  • HTML — bahasa yang menjelaskan struktur dan isi sebuah halaman (judul, paragraf, tautan, gambar).
  • CSS — bahasa yang menjelaskan bagaimana isi itu seharusnya tampil (warna, jarak, tata letak, jenis huruf).
  • HTTP — protokol, alias aturan percakapan, yang dipakai browser dan server untuk meminta dan mengirim halaman.

Masing-masing punya standar tertulis di belakangnya. Ketika pembuat browser membangun Chrome, Firefox, atau Safari, para insinyurnya membaca dokumen-dokumen itu lalu membuat perangkat lunaknya berperilaku sesuai isi dokumen. Karena semua browser membaca dokumen yang sama, hasilnya pun kurang lebih berperilaku sama.

Spec itu kontrak, bukan kode

Standar bukan program yang bisa kamu unduh lalu jalankan. Bentuknya penjelasan dalam bahasa biasa (walau sangat presisi). Setiap tim browser menulis kodenya sendiri agar cocok dengan penjelasan itu. Standar adalah kontrak bersama yang semua pihak sepakat untuk dipatuhi.

Kenapa standar itu penting: tulis sekali, jalan di mana saja

Bayangkan sebentar web tanpa standar. Misalkan perusahaan pembuat browser-mu menciptakan cara menulis halaman yang khusus dia sendiri. Untuk melihat situs yang dibuat untuk browser itu, kamu butuh persis browser tersebut. Situs yang dibuat untuk browser lain jadi tidak terbaca olehmu. Pengembang web pun harus membangun setiap situs berkali-kali, satu versi untuk tiap browser, lalu mengujinya tanpa henti.

Mimpi buruk itu nyaris terjadi. Di akhir 1990-an dan awal 2000-an, para browser bersaing dengan menambahkan fitur masing-masing yang tidak saling cocok, dan pengembang memang benar-benar menulis halaman yang jalan di satu browser tapi rusak di browser lain. Tulisan “paling bagus dilihat di…” pada situs-situs lama adalah fosil dari masa itu. Standarlah yang menarik kita keluar dari kekacauan tersebut.

Ketika semua orang mengikuti aturan yang sama, ada beberapa keuntungan besar yang kamu dapat:

Keuntungan Artinya buat kamu
Interoperabilitas Sebuah halaman jalan di browser apa pun yang patuh standar, di sistem operasi mana pun.
Bebas perangkat Situs yang sama menyesuaikan diri ke HP, tablet, laptop, atau TV.
Tahan lama Situs yang dibuat dengan benar bertahun-tahun lalu masih bisa dibuka hari ini, karena aturannya tidak diam-diam berubah.
Aksesibilitas Struktur yang baku membuat pembaca layar dan alat bantu lain bisa memahami halaman.
Bebas memilih Kamu bisa berganti browser dan tetap memakai web yang sama. Tidak ada situs yang terkunci ke satu vendor.

Bagi pengembang, janji praktisnya adalah “buat sekali, sesuai standar, dan dia jalan di mana-mana.” Bagi kamu sebagai pengguna, janjinya lebih sederhana: web ini milikmu untuk dipakai sesukamu, di perangkat apa pun yang kamu punya.

Siapa yang sebenarnya menjaga standar

Tidak ada satu perusahaan pun yang memiliki web. Sebaliknya, standar dijaga oleh lembaga-lembaga independen, masing-masing fokus pada lapisan yang berbeda. Tiga yang paling sering kamu dengar adalah W3C, WHATWG, dan IETF. Mereka saling tumpang tindih dan bekerja sama, dan batas di antara mereka sudah bergeser sepanjang tahun, jadi anggap penjelasan di bawah ini sebagai gambaran umum, bukan struktur organisasi yang kaku.

W3C

World Wide Web Consortium, yang hampir selalu disingkat W3C, adalah lembaga yang paling lekat dengan istilah standar web di benak orang. Dia didirikan pada 1994 oleh Tim Berners-Lee, orang yang menemukan web itu sendiri, dengan tujuan mengarahkan pertumbuhan web ke satu jalur yang tunggal dan terbuka. W3C mempertemukan perusahaan, peneliti, dan anggota lain untuk menyusun spesifikasi lewat proses terbuka: sebuah usulan diperdebatkan, dirancang, dan diperhalus dulu sebelum menjadi rekomendasi resmi.

Secara historis, W3C mengayomi keluarga standar yang luas, termasuk CSS dan banyak teknologi yang dibangun di atas inti web, serta panduan aksesibilitas yang amat penting untuk membuat situs bisa dipakai oleh penyandang disabilitas.

WHATWG

Web Hypertext Application Technology Working Group, atau WHATWG, dimulai pada 2004 oleh orang-orang dari pembuat browser besar yang ingin standar berkembang lebih cepat dan lebih mengikuti apa yang sebenarnya dilakukan browser di lapangan. Seiring waktu, WHATWG menjadi rumah bagi standar HTML dan DOM (model halaman yang hidup di memori, yang dimanipulasi oleh JavaScript).

Hal yang menarik dari spesifikasi HTML modern adalah dia berupa “living standard” alias standar yang hidup. Daripada dibekukan lalu dirilis ulang dengan nomor versi tiap beberapa tahun, dia terus diperbarui seiring web berkembang. Itulah kenapa sekarang kamu jarang mendengar orang menyebut angka “versi HTML” tertentu.

IETF

Internet Engineering Task Force, atau IETF, bekerja satu lapisan di bawah web, di bagian “pipa-pipa” internet itu sendiri. Lembaga ini menjaga protokol yang memindahkan data di jaringan, termasuk HTTP (cara halaman diminta), TCP/IP (cara paket data bepergian), dan banyak lagi. Spesifikasinya diterbitkan dalam dokumen bernama RFC (“Request for Comments”), sebuah nama yang bertahan sejak masa awal internet yang masih lebih santai.

Pembagian tugas secara kasar

Cara mudah mengingatnya: IETF mengurus bagaimana data berjalan melintasi internet, WHATWG mengurus struktur dan perilaku halaman (HTML dan DOM), dan W3C mengurus banyak hal di ekosistem yang lebih luas di sekitarnya, termasuk gaya tampilan dan aksesibilitas. Batasnya memang kabur, dan ketiganya saling bekerja sama.

Lembaga bisa berubah seiring waktu

Pembagian tugas dan kesepakatan antar-lembaga ini sudah berkembang dan mungkin terus berubah. Anggap pembagian di atas sebagai model untuk memahami, bukan definisi hukum yang permanen. Kalau kamu butuh keadaan terkini sebuah lembaga, cek langsung situs resminya.

Standar saat beraksi: meminta sebuah halaman

Standar terasa abstrak sampai kamu melihat beberapa di antaranya bekerja bareng. Berikut yang terjadi, secara sederhana, ketika kamu mengetik sebuah alamat lalu menekan Enter.

Kamu mengetik URL lalu tekan Enter


Browser kirim permintaan HTTP   ── mengikuti standar HTTP (IETF)


   Server membalas dengan status
   dan HTML halamannya            ── mengikuti standar HTML (WHATWG)


Browser membaca struktur HTML,
menerapkan tampilan CSS           ── mengikuti standar CSS (W3C)


   Halaman yang utuh pun muncul

Setiap panah pada diagram itu adalah momen ketika dua potong perangkat lunak yang benar-benar terpisah — dibuat oleh perusahaan berbeda, mungkin di benua yang berbeda — harus sepakat tentang apa yang sedang terjadi. Mereka bisa sepakat karena sama-sama mengikuti spec tertulis yang sama. Permintaan HTTP di bawah ini, misalnya, bentuknya sama saja entah datang dari Chrome di HP atau Firefox di laptop:

GET /articles/web-standards HTTP/1.1
Host: blog.acy-partner.com
Accept: text/html

Dan balasan server diawali dengan baris status yang sudah dibakukan, yang dipahami setiap browser dengan cara yang sama:

HTTP/1.1 200 OK
Content-Type: text/html; charset=utf-8

200 OK itu artinya “ketemu, ini halamanmu.” Sementara 404 berarti “tidak ketemu.” Kode-kode ini didefinisikan dalam standar HTTP, jadi browser tahu persis cara bereaksi, tak peduli server mana yang mengirim balasan. Kosakata bersama itulah inti dari semuanya.

Apa arti standar buat kamu yang masih pemula

Kamu tidak perlu menghafal spesifikasi untuk bisa membangun web. Sehari-hari, kamu akan bersandar pada sumber yang lebih ramah, yang menjelaskan standar dalam bahasa manusia, dan alat pengembang (developer tools) di browser akan memberitahumu kalau ada yang berperilaku tidak sesuai harapan. Tapi memegang beberapa kebiasaan ini sejak awal akan sangat membantu.

Tulis HTML dan CSS-mu agar mengikuti standar, bukan trik yang kebetulan jalan di satu browser hari ini. Kode yang berbasis standar adalah kode yang paling mungkin tetap jalan besok, di perangkat yang bahkan belum ada sekarang. Ketika kamu membaca bahwa sesuatu “standar” atau “didukung luas”, itu sinyal kuat bahwa kamu bisa mengandalkannya. Sebaliknya, ketika sesuatu disebut eksperimental atau khusus vendor tertentu, sikapilah dengan sedikit lebih hati-hati.

Berguna juga untuk tahu bahwa web dibangun di atas standar terbuka yang bisa dibaca siapa saja secara gratis. Kamu tidak pernah berada di bawah kendali format rahasia milik satu perusahaan. Kalau suatu saat kamu ingin tahu persis bagaimana sebuah fitur seharusnya berperilaku, spesifikasi aslinya bersifat publik — padat memang, tapi publik.

Rangkuman

Web terasa enteng dipakai karena ada begitu banyak kesepakatan diam-diam yang berjalan di baliknya. Berikut versi singkat dari yang sudah kita bahas:

  • Standar web adalah aturan tertulis yang dipakai bersama — spesifikasi — yang menjelaskan bagaimana teknologi web seharusnya berperilaku.
  • Trio inti yang ditemui pemula adalah HTML (struktur), CSS (tampilan), dan HTTP (komunikasi), masing-masing punya standar sendiri.
  • Standar memberi kita interoperabilitas, kebebasan perangkat, ketahanan, dan aksesibilitas: buat sekali sesuai aturan, lalu dia jalan di mana saja.
  • Standar dijaga oleh lembaga independen — terutama W3C, WHATWG, dan IETF — yang saling bekerja sama, dengan pembagian tugas yang sudah bergeser seiring waktu.
  • Ini semua standar terbuka, publik dan gratis dibaca, dan itu salah satu alasan besar kenapa tidak ada satu perusahaan pun yang bisa memiliki atau mengunci web.

Dari sini, langkah lanjutan yang wajar adalah melihat lebih dekat ketiga pilarnya sendiri: apa sebenarnya elemen HTML itu, bagaimana CSS mengubah struktur polos menjadi sesuatu yang enak dipandang, dan bagaimana siklus minta-dan-balas HTTP membawa semuanya antara browser-mu dan sebuah server. Begitu kamu melihat bagaimana tiap pilar mengikuti standarnya, web secara keseluruhan akan tampak jauh lebih masuk akal dan jauh lebih sedikit terlihat seperti sihir.

Tag:standar webw3cwhatwgietfhtmlpemula
728 × 90Slot Iklan TersediaPasang iklan Anda di sini

Artikel Terkait

Lihat Semua Artikel

Artikel yang Mungkin Kamu Suka

Ilustrasi DOM sebagai pohon dari node HTML
Dasar-Dasar Web / Browser

Apa Itu DOM?

Penjelasan DOM untuk pemula: pohon HTML yang hidup di memori browser. Pahami apa itu DOM, bagaimana pohonnya dibentuk, dan kenapa ia begitu penting.

15 Sep 20267 menit baca
Ilustrasi berjudul Apa Itu Web Browser dengan code chip fetch ke render
Dasar-Dasar Web / Browser

Apa Itu Web Browser?

Penjelasan sederhana soal web browser: program yang mengambil berkas dari web lalu menyusunnya menjadi halaman yang kamu lihat, satu tab dan satu klik setiap saat.

15 Sep 20268 menit baca
Ilustrasi engine browser menjalankan skrip lewat event loop
Dasar-Dasar Web / Browser

Cara Browser Menangani JavaScript

Penjelasan ramah pemula soal bagaimana browser membaca, mengubah, dan menjalankan JavaScript, kenapa hanya punya satu jalur utama, dan bagaimana cara memuat skrip memengaruhi tampilan halaman.

15 Sep 20268 menit baca
Sampul biru gelap bertuliskan Cara Kerja Browser dengan chip kode parse ke layout ke paint
Dasar-Dasar Web / Browser

Cara Kerja Browser: Gambaran Umum

Penjelasan ramah pemula tentang apa yang dilakukan browser dari kamu mengetik URL sampai halaman muncul: jaringan, parsing, render tree, layout, paint, compositing, dan mesin JavaScript.

15 Sep 20268 menit baca
Sampul Critical Rendering Path dengan chip timer first paint
Dasar-Dasar Web / Browser

Critical Rendering Path

Ikuti langkah persis yang dilakukan browser untuk mengubah HTML, CSS, dan JavaScript menjadi piksel pertama yang terlihat, dan pahami kenapa posisi CSS dan JS menentukan secepat apa halaman muncul.

15 Sep 20267 menit baca
Sampul Dasar Keamanan Browser dengan chip kode berlambang perisai same-origin
Dasar-Dasar Web / Browser

Dasar Keamanan Browser: Cara Browser Diam-Diam Melindungimu

Panduan ramah untuk pemula tentang cara browser menjaga keamananmu: same-origin policy, sandboxing antar-tab, gembok HTTPS, mixed content, dan pengantar lembut soal kenapa input bisa berbahaya.

15 Sep 202610 menit baca