Sebelum membahas bug IE6 dan cara memperbaikinya, perlu untuk berbicara tentang beberapa strategi untuk menghindari masalah yang menjengkelkan ini.
IE6 pangsa pasar
Menurut statistik pangsa pasar, pangsa pasar saat ini dari IE6 adalah 25,25%, tetapi statistik di tempat lain secara signifikan lebih rendah, pada 18,1%. Menulis, pengguna IE6 Taobao telah turun dari 70% menjadi 69%). Tetapi yang paling penting adalah statistik situs web Anda sendiri. Jika Anda telah melakukan analisis lalu lintas di situs web Anda, apakah bagian IE6 layak dikembangkan untuk IE6? Ini mengharuskan Anda untuk menimbangnya sendiri.
Jika sebagian besar pengunjung situs web Anda tidak menggunakan IE6 dan tidak membayar Anda, maka Anda tidak perlu kompatibel dengan IE6, sehingga menghemat waktu, energi, dan uang.
Buat Desain Sederhana
Saat merancang, mengingat implementasi kode dapat menghindari beberapa masalah tata letak. Tidak peduli seberapa rumit draft desainnya, itu dapat diimplementasikan dengan kode ringkas.
Jika Anda memiliki pengalaman pengembangan yang kaya, mengatasi banyak masalah tata letak, mencatat solusi Anda, dan meningkatkan efisiensi pengembangan saat menghadapi masalah yang sama di masa depan.
Gunakan pernyataan dokumentasi yang sesuai (DOCTYPE)
Menggunakan deklarasi dokumen yang salah akan memicu mode quirks. Gunakan salah satu dokumen untuk menyatakan: html 5 [/i], [i] html 4.01 ketat [/i], [i] html 4.01 frameset [/i], [i] html 4.01 transisi [/i], [i] ] Xhtml 1.0 strict [/i], [i] xhtml 1.0 frameset [/i], [i] xhtml 1.0 transisional [/i], atau [i] xhtml 1.1
Html 5
<! Doctype html>
HTML 4.01 ketat
<! Doctype html public "-// w3c // dtd html 4.01 // en" " http://www.w3.org/tr/html4/strict.dtd ">
HTML 4.01 frameset
<! Doctype html public "-// w3c // dtd html 4.01 frameset // en" " http://www.w3.org/tr/html4/frameset.dtd ">
HTML 4.01 Transisi
<! Doctype html public "-// w3c // dtd html 4.01 transisi // en" " http://www.w3.org/tr/html4/loose.dtd ">
Xhtml 1.0 ketat
<! Doctype html public "-// w3c // dtd xhtml 1.0 strict // en" " http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd ">
Xhtml 1.0 frameset
<! Doctype html public "-// w3c // dtd xhtml 1.0 frameset // en" " http://www.w3.org/tr/xhtml1/dtd/xhtml1-frameset.dtd ">
XHTML 1.0 Transisi
<! Doctype html public "-// w3c // dtd xhtml 1.0 transisi // en" " http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd ">
Xhtml 1.1
<! Doctype html public "-// w3c // dtd xhtml 1.1 // en" " http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd ">