Browser: Standard Mode dan Quirks Mode

Oleh: Pupung Budi Purnama
December 8, 2006

Dukungan browser modern terus berkembang seiring dukungannya kepada (x)HTML dan CSS, terlebih makin maraknya trend “Web Standard” browser makin mendekatkan kepada standarisasi berdasarkan guideline yang telah ditetapkan World Wide Web Consortium (W3C). Namun demikian, pengembang browser tidak serta merta melupakan teknologi-teknologi sebelumnya yang pernah mereka buat untuk mendukung halaman Web yang pernah dibuat pada masa itu.

Browser mengenal 2 Cara untuk menangani dokumen yang ditampilkan, yaitu Standard Mode dan Quirks Mode. Hal yang paling membedakan antara Standard Mode dan Quircks Mode adalah dukungan terhadap CSS. Yang paling “kentara” adalah terdapat perbedaan pada penanganan Box Model, positioning objek, dan tidak berlakunya Inheritance font pada tabel, hal ini lah yang membuat sebuah layout CSS menjadi berubah bila dilihat pada browser-browser lama.

Mode apa yang digunakan browser masa kini?
Hal ini tergantung dari keperluan dokumen yang kita buat, untuk mengaktifkan Standard Mode pada browser modern, diperlukan DTD (Documen Type Declaration) yang sesuai pada sebuah dokumen HTML. Jika tidak, Browser akan menampilkan dokumen Web dengan Quirks Mode. Menyimpan DTD pada baris pertama dokumen HTML akan mengaktifkan Standard Mode pada browser, contoh:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Bila penulisan tidak lengkap atau tidak menyertakan DTD, maka browser akan aktif dengan Quirks Mode.

W3C sangat merekomendasikan penulisan DTD ini untuk mendeskripsikan struktur dokumen yang dipergunakan, pada sebuah halaman XHTML W3C juga merekomendasikan penulisan XML Prolog pada awal dokumen bila memungkinkan.

<?xml version="1.0" encoding="iso-8859-1"?>

Pada browser IE 6, sebuah dokumen yang menyertakan XML Prolog justru akan mengaktifkan Quirks Mode, hal ini telah diperbaiki pada release IE 7. Pada awal saya mempelajari CSS layout dengan XHTML saya selalu menyertakan XML prolog ini pada dokumen, dan alhasil saya selalu kebingungan tampilan di IE sangat jauh berbeda.

Bila Anda menggunakan Firefox, keterangan bahwa sebuah halaman menggunakan Quirks Mode atau Standard mode dapat dilihat pada Page Info…

firefox quirks mode

Bacaan lebih lanjut:

Tentang Penulis

Pupung Budi Purnama - Bukan pakar atau ahli, hanya seorang freelance web designer, tinggal di Bandung, Jawa Barat. Bergelut di dunia web sejak 1999, pernah bekerja di beberapa perusahaan IT sebagai desainer. Sehari-hari, ia menjalankan sebuah perusahaan web development dari kamarnya.

Category: Teori | RSS 2.0 | Give a Comment | trackback

3 Comments

Leave a Reply


Looking for custom writing company that provides original papers? Order on customessay-writing.org . Go to this website . Try This Website . Reliable essay writing company by top writers for you