Artikel Pengenalan Wulin.com (www.vevb.com): Blog telah lama beralih ke penulisan HTML5, tetapi banyak pengguna belum menggunakan browser terbaru dan telah menggunakan set tag HTML4. HTML5 memiliki banyak tag yang semantik dan praktis. Saya juga sudah mulai mencoba beberapa tag yang umum digunakan, dan sekarang saya menggunakan tag artikel dan waktu.
HTML5 memberikan banyak tag baru kepada pengembang, seperti bagian, NAV, artikel, header dan footer. Tag -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 diberi label dengan artikel.
<! Doctype html><html xmlns = 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 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 label diidentifikasi. Untungnya, cukup menggunakan Document.CreateElement (TagName) memungkinkan browser untuk mengenali tag dan mesin CSS untuk mengetahui keberadaan tag. Misalkan area <head> dari contoh kami di atas ditambahkan dengan kode berikut.
<script>document.createelement ('artikel');
</script>
Penjelasan DOM di IE8 akan ditunjukkan pada gambar di bawah ini.
Secara alami, teks juga muncul dengan warna biru normal.
Kesimpulan
Blog telah lama beralih ke penulisan HTML5, tetapi banyak pengguna belum menggunakan browser terbaru dan telah menggunakan set tag HTML4. HTML5 memiliki banyak tag yang semantik dan praktis. Saya juga sudah mulai mencoba beberapa tag yang umum digunakan, dan sekarang saya menggunakan tag artikel dan waktu.