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

Alat AI Hot

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

Menjana ai hentai secara percuma.

Tunjukkan Lagi

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)

2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Hello Kitty Island Adventure: Cara mendapatkan biji gergasi

1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?

4 minggu yang lalu By DDD

R.E.P.O. Simpan Fail Lokasi: Di ​​manakah & bagaimana untuk melindunginya?

4 minggu yang lalu By DDD

Muzium Dua Point: Semua Pameran dan Di Mana Mencari Mereka

1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Tunjukkan Lagi

Alat panas

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Tunjukkan Lagi

Topik panas

Di manakah pintu masuk log masuk untuk e-mel gmail?

7369

15

Tutorial Java

1628

14

Tutorial CakePHP

1355

52

Tutorial Laravel

1266

25

Tutorial PHP

1215

29

Tunjukkan Lagi

Related knowledge

Sempadan Jadual dalam HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Sempadan Jadual dalam HTML. Di sini kita membincangkan pelbagai cara untuk menentukan sempadan jadual dengan contoh Sempadan Jadual dalam HTML.

Jadual Bersarang dalam HTML Sep 04, 2024 pm 04:49 PM

Ini ialah panduan untuk Nested Table dalam HTML. Di sini kita membincangkan cara membuat jadual dalam jadual bersama-sama dengan contoh masing-masing.

HTML jidar-kiri Sep 04, 2024 pm 04:48 PM

Panduan untuk HTML margin-kiri. Di sini kita membincangkan gambaran keseluruhan ringkas tentang HTML margin-left dan Contoh-contohnya bersama-sama dengan Pelaksanaan Kodnya.

Susun Atur Jadual HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Susun Atur Jadual HTML. Di sini kita membincangkan Nilai Susun Atur Jadual HTML bersama-sama dengan contoh dan output n perincian.

Senarai Tertib HTML Sep 04, 2024 pm 04:43 PM

Panduan kepada Senarai Tertib HTML. Di sini kami juga membincangkan pengenalan senarai dan jenis Tertib HTML bersama-sama dengan contoh mereka masing-masing

Memindahkan Teks dalam HTML Sep 04, 2024 pm 04:45 PM

Panduan untuk Memindahkan Teks dalam HTML. Di sini kita membincangkan pengenalan, cara teg marquee berfungsi dengan sintaks dan contoh untuk dilaksanakan.

Butang onclick HTML Sep 04, 2024 pm 04:49 PM

Panduan untuk Butang onclick HTML. Di sini kita membincangkan pengenalan, kerja, contoh dan onclick Event masing-masing dalam pelbagai acara.

Pemegang Tempat Input HTML Sep 04, 2024 pm 04:54 PM

Panduan untuk Pemegang Tempat Input HTML. Di sini kita membincangkan Contoh Pemegang Tempat Input HTML bersama-sama dengan kod dan output.

See all articles