Artikel Pengenalan Wulin.com (www.vevb.com): Versi HTML yang ditingkatkan secara progresif.
<! Doctype html> <!-[if! Ie]> <!-> <html lang = zh-cn> <!-<! [Endif]-> <!-[jika gt yaitu 9]> <html class = ie10 lang = zh-cn> <! [Endif]-> <!-[jika IE 9]> <! lang = zh-cn> <! [endif]-> <!-[jika yaitu 9]> <html class = ie9 lte9 lang = zh-cn> <! [endif]-> <!-[jika yaitu 8]> <html class = ie8 lte9 no-css3 lang = zh-cn> <! class = IE7 LTE9 LTE7 NO-CSSS3 Lang = ZH-CN> <! [Endif]-> <!-[jika LTE IE 6]> <html class = IE6 LTE9 LTE7 NO-CSS3 Lang = ZH-CN> <! [Endif]-> <head> <Meta Charset = UTF-8> <! </html>Sebenarnya ada beberapa versi berbeda dari ini, dan itu tergantung pada kebutuhan pribadi Anda. Saya juga menggunakan versi yang berbeda pada tahap yang berbeda dan akhirnya mengkonfirmasi sebagai versi ini. Di antara mereka, .NO-CSS3 digunakan untuk menunjukkan bahwa IE6-8 tidak mendukung CSS3. Untuk penambahan bertahap, browser canggih dapat menggunakan CSS3, dan IE6-8 menggunakan kelas .NO-CSS3 untuk menemukan gambar latar belakang. Untuk segitiga yang dihasilkan oleh IE8 didukung oleh: sebelum dan: setelah, .lt7 dapat digunakan untuk mewakili gambar latar belakang IE7 dan IE6.
Diperbarui lagi, mengingat masih ada banyak browser IE6 di Cina, saya mengatur perintah dan kemudian hanya membuat penilaian untuk non-IE6, 7, 8.
<! Doctype html> <!-[jika LTE IE 6]> <html class = ie6 lte7 no-css3 lang = zh-cn> <! [Endif]-> <!-[jika yaitu 8]> <html class = ie8 no-cs3 lang = zh-cn> <! LTE7 NO-CSS3 Lang = ZH-CN> <! [Endif]-> <!-[if! (IE 6) | ! (IE 7) | !;Tambahkan IE9, ubah kelas No-CSS3 ke LTE8
<! Doctype html> <!-[jika yaitu 6]> <html class = ie6 lte9 lte8 lte7 lang = zh-cn> <! [Endif]-> <!-[jika yaitu 8]> <html class = ie8 lte9 lte8 lang = zh-cn> <! lte9 lang = zh-cn> <! [endif]-> <!-[jika yaitu 7]> <html class = ie7 lte9 lte8 lte7 lang = zh-cn> <! [endif]-> <!-[if! (IE 6) | ! (IE 7) | ! (IE 8) | !;