Cara menjadikan elemen baharu dalam HTML5 serasi dengan petua tutorial browsers

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Lepaskan： 2016-05-16 15:47:51

asal

1622 orang telah melayarinya

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 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

Artikel sebelumnya：Pengubahsuaian warna pemegang tempat input HTML5 example_html5 kemahiran tutorial Artikel seterusnya：Bagaimana untuk menentukan sama ada pengguna menyemak imbas halaman dalam kemahiran tutorial HTML5_html5

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang