Cara menjadikan elemen baharu dalam HTML5 serasi dengan petua tutorial browsers_html5 lama

Soalan yang guru tanyakan kepada kami ialah: Bagaimana untuk menjadikan IE8 serasi dengan tag ini? (Anda perlu mereka bentuk DOM dalam JS)

Walaupun perkara yang baru saya bincangkan hari ini, anda masih perlu memahaminya.

Salin kod

Kod tersebut adalah seperti berikut:

< ;title>elemen baharu HTML5 serasi dengan pelayar lama - HTML5 bebas

Kawasan navigasi

Kawasan artikel
;/html>


dipaparkan sebagai:

|--------- ------------ ----------------------Firefox--------------------------------- -------- ----------|.

|Kawasan atas|

|Kawasan navigasi| 🎜>
|------------------------------------- ------- ------------------------------------------ --|

Gaya paparan dalam pelayar lama ialah:

------------------------- -----pelayar IE6-- ------------------------------------------ --


--------------------------------Pelayar IE8------ ----- ------------------------------------------


Semuanya sama Jika saya tidak salah, penyemak imbas lama tidak mengenali teg yang baru ditambah ini, jadi mereka menggunakan elemen sebaris untuk menanganinya. Oleh itu, satu penyelesaian ialah mengubahnya menjadi elemen blok supaya ia tidak berada dalam Baris yang sama, supaya kesan yang sama boleh dipaparkan dalam kedua-dua pelayar lama dan baharu Selain itu, ia adalah untuk membolehkan penyemak imbas mengenali teg Penyelesaian khusus untuk menambah tag baharu ialah:

IE8/IE7/. IE6 menyokong dokumen. Untuk teg yang dijana oleh kaedah createElement, anda boleh menggunakan ciri ini untuk membenarkan penyemak imbas ini menyokong teg baharu HTML5 Kodnya adalah seperti berikut:

document.createElement('new tag'); //Tambah teg baharu
Kod JS adalah seperti berikut:




Salin kod


Kod adalah seperti berikut:

document.createElement('header'); '); document.createElement('footer'); 🎜>Salin kod

Kod tersebut adalah seperti berikut:


var e = "abbr, artikel, aside, audio, canvas, datalist, butiran, dialog, sumber peristiwa, angka, pengaki, pengepala, hkumpulan, tanda, menu, meter , nav, output, kemajuan, bahagian, masa, video".split(', ');
var i= e.length;
semasa (i--){
document.createElement(e[ i])
}

gaya lalai tetapan gaya CSS:

Salin kod

Kod tersebut adalah seperti berikut:

Selain itu, cara lain ialah menggunakan kaedah rangka kerja, menggunakan komen bersyarat dan kod JS untuk mencapai

Salin kod

Kod adalah seperti berikut:

🎜>Anda boleh menyelesaikan masalah keserasian dengan menambah terus baris kod ini. Perhatikan

dalam syarat