Komentar: HTML5 memberikan banyak tag baru kepada pengembang, seperti bagian, NAV, artikel, header dan footer. Tag -tag ini sangat semantik dan akan sering digunakan, tetapi tidak dikenali dan digunakan secara normal di browser lama seperti IE6, IE7, IE8 dan Firefox 2. Ini selalu marah oleh banyak netizen. Selanjutnya, cara menghilangkan kemarahan ini
HTML5 memberikan banyak tag baru kepada pengembang, seperti bagian, NAV, artikel, header, footer, dll. Tag ini sangat semantik dan akan sering digunakan, tetapi mereka tidak dapat dikenali dan digunakan secara normal di browser lama seperti IE6, IE7, IE8 dan Firefox 2.
Mengapa browser kuno tidak bisa mengenali tag ini?Faktanya, kesalahannya bukan browser, karena tag semacam ini tidak ada sama sekali di era itu, sehingga tidak dapat diidentifikasi dengan benar. Pengenalan tag yang tidak biasa ini membuat struktur DOM abnormal.
Kami memiliki kode uji sebagai berikut. Ini adalah konten artikel dengan judul dan kata -kata biru, dan konten artikel menggunakan tag artikel.
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml" lang = "zh-cn">
<head>
<meta charset = "UTF-8" />
<title> tes </iteme>
<tyle>
Artikel {Color:#06f;}
</tyle>
</head>
<body>
<h1> Judul artikel </h1>
<martikel>
Ini adalah isi artikel, itu harus menjadi sepotong teks biru. Di browser lama, jika Anda tidak melakukan peretasan, pengecualian akan ditampilkan.
</artikel>
</body>
</html>
Di IE8, berikut ini ditampilkan.
IE8 tidak dapat mengenali tag artikel, dan gaya CSS yang ditentukan pada tag tidak berpengaruh. Di IE8, <CARTERTIST> ditafsirkan sebagai dua elemen tag kosong bernama <artikel /> dan < /artikel />, yang terdaftar sebagai node saudara bersama dengan konten artikel, seperti yang ditunjukkan pada gambar di bawah ini.
Bagaimana cara menggunakan tag HTML5 di browser kuno?Karena tidak dapat digunakan karena tidak dapat dikenali, solusinya adalah membuat tag dikenali. Untungnya, cukup menggunakan Document.CreateElement (TagName) dapat membiarkan browser mengenali tag dan mesin CSS mengetahui keberadaan tag. Misalkan kode berikut ditambahkan ke area <head> contoh kami di atas.
<script>
document.createelement ('artikel');
</script>
Penjelasan DOM di IE8 akan menjadi angka berikut.
Secara alami, teks juga muncul dengan warna biru normal.
KesimpulanBlog telah lama beralih ke penulisan HTML5, tetapi karena banyak pengguna tidak menggunakan browser terbaru, mereka telah menggunakan set tag HTML4. Banyak tag di HTML5 adalah semantik dan praktis. Saya juga sudah mulai mencoba beberapa tag yang umum digunakan, dan sekarang mereka menggunakan tag artikel dan waktu.