Jika Anda telah mendesain halaman web selama lebih dari beberapa bulan, Anda kemungkinan besar menyadari kesulitan dalam menulis halaman yang tampak sama di semua browser. Pada kenyataannya, itu tidak mungkin. Banyak browser ditulis dengan fitur-fitur khusus yang hanya bisa mereka tangani. Atau mereka memiliki cara khusus menangani hal-hal yang berbeda dari cara peramban lain menangani mereka. Sebagai contoh:
- Lapisan dibuat untuk digunakan di browser Netscape. Mereka tidak berfungsi di peramban lain, dan sebenarnya sudah tidak digunakan lagi di Netscape 6.x +.
- Kerangka inline awalnya dibuat untuk Internet Explorer saja, dan sejak itu menjadi bagian dari spesifikasi HTML.
- Internet Explorer 6.0 menambahkan ruang tambahan (seperti) sekitarnya tag, kecuali Anda menulis isi dari div semua pada satu (panjang) baris. (IE 6 memiliki banyak quirks juga yang satu ini.)
- Netscpe 4.7 tidak akan menampilkan tabel yang tidak ditulis dalam HTML yang benar - ini menunjukkan halaman kosong. Ini telah diperbaiki di Netscape 6.
Masalah bagi pengembang peramban adalah mereka harus membuat peramban web yang kompatibel dengan laman web yang dibuat untuk peramban yang lebih lama. Untuk mengatasi masalah ini, pembuat peramban menciptakan mode untuk peramban untuk beroperasi. Mode ini ditentukan oleh ada atau tidaknya elemen DOCTYPE dan apa itu DOCTYPE panggilan.
DOCTYPE
Saya membahas lebih detail di artikel saya DOCTYPEDaftar, tetapi berikut ini beberapa aturan umum:
- Selalu pilih mode standar dulu. Dan standar saat ini yang harus Anda gunakan adalah HTML5: Kecuali Anda memiliki alasan khusus untuk menghindari penggunaan HTML5
DOCTYPE, ini adalah apa yang seharusnya Anda gunakan. - Masuk ke HTML 4.01 yang ketat jika Anda perlu memvalidasi elemen lama atau ingin menghindari fitur baru karena beberapa alasan:
- Jika Anda telah memotong gambar dalam tabel dan tidak ingin memperbaikinya, buka Transitional HTML 4.01:
- Jangan menulis halaman dengan sengaja dalam mode quirks. Selalu gunakan a
DOCTYPE. Ini akan menghemat waktu pengembangan Anda di masa depan, dan benar-benar tidak bermanfaat. IE6 dengan cepat kehilangan popularitas dan dengan merancang untuk browser ini (yang pada dasarnya apa yang merancang dalam mode quirks) Anda membatasi diri Anda sendiri, pembaca Anda, dan halaman Anda. Jika Anda harus menulis untuk IE 6 atau 7, gunakan komentar kondisional untuk mendukung mereka, daripada memaksa browser modern ke mode quirks.
Mengapa Gunakan DOCTYPE
Setelah Anda mengetahui jenis ini DOCTYPE beralih terjadi, Anda dapat mempengaruhi halaman web Anda secara lebih langsung dengan menggunakan DOCTYPE yang menunjukkan apa yang dapat diharapkan browser dari halaman Anda. Juga, begitu Anda mulai menggunakannya DOCTYPE, Anda akan menulis HTML yang lebih mendekati valid (Anda masih harus memvalidasinya). Dan dengan menulis XHTML yang valid, Anda mendorong pembuat browser untuk membangun browser yang sesuai standar.
Versi Peramban dan Mode Quirks
DOCTYPE | AndroidChromeFirefoxIE 8+iOSOpera 7.5+Safari | IE 6IE 7Opera 7 | Netscape 6 |
|---|---|---|---|
| Tidak ada | Mode Quirks | Mode Quirks | Mode Quirks |
| HTML 3.2 | |||
| Mode Quirks | Mode Quirks | Mode Quirks | |
| HTML 4.01 | |||
| Transisi | Mode Standar * | Mode Standar * | Mode Standar |
| Transisi | Mode Quirks | Mode Quirks | Mode Quirks |
| Ketat | Mode Standar | Mode Standar * | Mode Standar |
| Ketat | Mode Standar | Mode Standar * | Mode Standar |
| HTML5 | |||
| Mode Standar | Mode Standar * | Mode Quirks | |
| * Dengan DOCTYPE ini, browser mendekati standar, tetapi memiliki beberapa masalah - pastikan untuk menguji. Ini juga dikenal sebagai "Hampir Modus Standar." |
