HTML dan "kebiasaan" vs. mode "kepatuhan standar": Jelaskan, dan beri tahu kami mengapa kami harus peduli?


16

Apa perbedaan antara mode "kebiasaan" dan mode "kepatuhan standar", ketika membangun halaman web HTML?

Bagaimana cara mengetahui ketika beroperasi dalam satu mode, vs yang lain? Mengapa orang - yaitu webmaster dan desainer web dan pengembang - peduli memilih mode kepatuhan standar dibandingkan mode kebiasaan?

Apakah mode kebiasaan pernah dibenarkan saat mengembangkan konten baru?

Jawaban:


11

Ini mungkin artikel terbaik tentang mode kebiasaan yang saya temukan. Saya pribadi mencoba untuk selalu menggunakan mode standar bila memungkinkan karena memiliki peluang terbaik untuk bekerja dengan sebagian besar browser.


5

Jika Anda berkembang dalam mode quirks, maka Anda secara efektif meminta browser untuk meniru bug pra-IE6. Apakah itu benar-benar sesuatu yang ingin Anda lakukan?

Wikipedia menjelaskan dasar-dasar mode pemicu quirks, tetapi ada sejumlah kasus khusus yang tidak dibahas. The link yang diberikan oleh txwikinger memberikan penjelasan yang baik dari sejarah dan perbedaan utama.

Jukka Korpela menjelaskan perbedaan lebih terinci dan juga cara memeriksa mode kompatibilitas:

Memeriksa mode Untuk memeriksa mode mana (Keunikan vs. Standar) browser,

Di Firefox, gunakan perintah View / Page Info (dan lihat panel General); atau jika Anda memiliki Ekstensi Pengembang Web, cukup periksa ikon di bilah alatnya (ikon ketiga dari kanan).

Untuk IE, ketik javascript: alert (document.compatMode) di bilah alamat, dan periksa apakah jendela sembulan kemudian mengatakan CSS1Compat (menunjukkan Mode Standar) atau BackCompat (menunjukkan Mode Aneh); sebagai alternatif, unduh dan instal Quirks sederhana atau Standard Mode Bookmarklet.

Perlu dicatat bahwa banyak browser memiliki dua mode selain mode quirks - mode hampir standar dan mode standar. Sayangnya, IE6 dan IE7 hanya berjalan di mode hampir standar dan jadi jika Anda perlu mendukung browser ini, tergoda untuk mencoba menggunakan mode hampir standar di semua browser . Namun, mungkin lebih baik untuk mengembangkan terhadap standar dan kemudian mencoba untuk memperbaiki kebiasaan browser. HTML5 hanya akan menawarkan mode ketat, jadi Anda harus mencoba mengembangkannya untuk kompatibilitas di masa mendatang.


2

Seperti @txwikinger katakan, quirksmode adalah situs untuk dilihat di sini.

Satu-satunya informasi tambahan yang harus membantu adalah artikel ini tentang cara mendeteksi mode mana yang digunakan browser Anda pada halaman tertentu: Mendeteksi Mode Compat . Ada juga ekstensi peramban yang dapat melakukan ini, seperti Bilah Alat Pengembang Web . Ada versi untuk FF dan Chrome.


2

Saya telah menemukan bahwa jika Anda menggunakan pengaturan ulang CSS atau kerangka kerja, jika Anda tidak menyertakan DOCTYPE untuk beralih browser yang terkena dampak (biasanya IE7 dan IE8) ke Mode Standar, banyak hal-hal posisi mulai salah. Hampir selalu terbaik untuk mengatur deklarasi doctype dan menggunakan Mode Standar.


1

Mode quirks adalah di mana browser tidak membuat halaman seperti yang diharapkan per spesifikasi HTML. Pada satu titik, browser web memperoleh apa yang pada dasarnya adalah sebuah saklar - pencantuman sebuah DOCTYPE di bagian atas halaman. Tanpa dokumen itu, browser masuk ke mode quirks. Kehadiran doctype yang valid memaksa browser ke mode standar, mode "benar".

Lebih baik menggunakan mode standar - jadi, gunakan DOCTYPE! - untuk bergerak maju, karena ini memastikan halaman Anda akan bekerja dengan benar dan konsisten di sebanyak mungkin browser.


1

Mode Quirks membuat IE 6 dan 7 membuat CSS berbeda dari standar yang seharusnya.

Mode standar membuat IE 6 & 7 membuat CSS lebih dekat ke standar daripada Mode Quirks, dan dengan demikian lebih dekat dengan bagaimana Firefox, Safari, Chrome, Opera, dan IE 8/9 menjadikannya.

Menggunakan mode standar berarti Anda memiliki lebih sedikit masalah IE kuno yang aneh di kepala Anda ketika Anda mencoba untuk membuat halaman freaking berfungsi. Ini berarti Anda dapat menggunakan buku-buku seperti CSS: Panduan Definitif oleh Eric Meyer untuk mencari tahu apa yang harus dilakukan halaman Anda . Mode Quirks IE tidak memiliki jenis dokumentasi komprehensif yang sama.


1

Ini pilihan antara:

  • Mesin IE5 (atau emulasi bug-untuk-bug daripadanya)
  • Sesuatu yang lebih modern (upaya terbaik di non-IE, cerita panjang di IE8 ...)

Jika Anda suka menulis CSS seperti itu tahun 1999, tanpa pemusatan berfungsi dengan benar, maka gunakan kebiasaan.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.