Artikel Pengantar Wulin.com (www.vevb.com): Cara memberi tahu browser di bawah IE9 mengetahui nama tag HTML5 Anda.
Karena situs web kami tidak perlu kompatibel dengan IE6 dan 7, saya menggunakan tag footer di situs web. Ternyata IE9 mendukung tag ini, tetapi menemukan bahwa IE8 tidak mendukung tag ini. Kode:
<! Doctype html>
<Html>
<head>
<Tipe Gaya = Teks/CSS>
footer {
Tampilan: Blok;
}
</tyle>
<type skrip = teks/javascript>
document.createelement (footer);
</script>
</head>
<body>
<footer>
<p>
Saya seorang paragraf
</p>
</footer>
</body>
</html>
Masukkan IE8 dan telusuri di bawah. Anda dapat menemukan bahwa di IE8, bagian footer dari kode IE8 akan ditutup secara otomatis ketika menemukan tag ini. Ini adalah kode untuk footer di IE8.
<footer />
<p>
Saya seorang paragraf
</p>
<footer />
Ini akan menyebabkan Anda tidak mengenali tag -tag ini di IE8, dan tentu saja Anda tidak akan mengenali IE6 dan 7, dan tata letak di browser ini akan berantakan.
Jadi saya menulis kode CSS berikut.
footer {display: block;}
Saya berpikir sendiri, saya akan memiliki label ini untuk IE8 sekarang.
Akibatnya, IE8 masih tidak mendukungnya.
Saya menemukannya online. Ternyata hanya menulis CSS seperti ini tidak cukup. Saat mengatur tampilan: Blokir untuk tag, Anda juga harus menggunakan JS untuk membuat elemen ini dalam dokumen. Sekarang kodenya adalah sebagai berikut. IE8 sudah tahu tag ini, tetapi jika Anda tidak menemukan tag ini, itu akan ditutup secara otomatis.
<! Doctype html>
<Html>
<head>
<Tipe Gaya = Teks/CSS>
footer {
Tampilan: Blok;
}
</tyle>
<type skrip = teks/javascript>
document.createelement (footer);
</script>
</head>
<body>
<footer>
<p>
Saya seorang paragraf
</p>
</footer>
</body>
</html>
Haha, sekarang Anda dapat menggunakan tag HTML5 pada halaman dengan percaya diri.