Beberapa kaedah untuk menyelesaikan masalah bahawa keserasian dengan IE678 tidak menyokong kemahiran tutorial html5 tags_html5

Era html5 menjadi popular telah tiba. Jika anda masih menunggu keserasian penyemak imbas, ini bermakna anda sudah tidak berhubung dengan web. Sudah tentu, ini disebabkan oleh perkembangan pesat pelanggan mudah alih. Jika anda masih tertanya-tanya sama ada anda perlu menguasai teknologi HTML5 dan CSS3, sila tampar mulut anda beberapa kali, dan kemudian belajar bersungguh-sungguh! Kerana spring hujung depan telah tiba, dan terdapat lebih daripada satu spring. Jika anda tidak percaya, saya hanya boleh berkata: Percaya atau tidak!
Mari kita lihat struktur teg html5 standard: (Saya hanya bercakap tentang teg di sini, tiada perkara lain yang terlibat)

Salin kod

Kodnya adalah seperti berikut:

gb2312">
html5

< ;/header>

;/bahagian>
kemajuan tag html5 Sudah tentu, semantiknya lebih intuitif. Sudah tentu, ini hanyalah penurunan dalam baldi kemajuan html5 Sesetengah orang mencadangkan: Jangan katakan bahawa kemajuan html5 adalah revolusioner, tetapi pembangunan! Saya tidak tidak bersetuju dengan kenyataan ini, tetapi ia sememangnya revolusioner dalam beberapa aspek. Saya tidak mahu keluar topik di sini, mari bercakap tentang label.

Sudah tentu, apabila anda teruja dengan teg semantik yang begitu hebat, anda masih perlu bertanya: Adakah IE menyokongnya? Malangnya, jawapannya tidak. Jika anda sudah takut dengan IE, anda perlu terus menanggung penyeksaan yang tidak berkesudahan. (IE9 dan IE10 sudah pun serasi dengan HTML5 dan CSS3.0)
Tetapi anda mesti bernasib baik, terdapat ramai jenius dalam era yang anda tinggali ini. Seseorang telah menyelesaikan masalah ini untuk anda! Walaupun, ia tidak boleh dipanggil sempurna!
Mari kita lihat beberapa kaedah untuk menyelesaikan masalah keserasian dengan IE678 yang tidak menyokong teg html5:

1 javascript: document.createElenment("...")

Sebahagian daripada sebab mengapa IE678 tidak menyokongnya ialah mereka tidak menganggap pengaki sebagai teg html yang sah. Jadi tidakkah cukup jika kita "menjadikannya" sebagai label? Cara paling langsung ialah, sudah tentu, menciptanya menggunakan javascript: document.createElenment("...")

Salin kod

Kodnya adalah seperti berikut:

(function(){ var element=['header','footer','article','aside','section ',' nav','menu','hgroup','details','dialog','figure','figcaption'],
len=element.length>while(len--){;
document.createElement(elemen[i])

}

})(); Ini hanya mencipta beberapa teg html5 biasa supaya ia boleh menjadi teg dalam IE678. Seseorang telah menulis fail js yang lengkap, anda hanya perlu mengimportnya, seperti ini:

Terdapat juga tulisan

style> ;

Ujian kandungan...

ini Strukturnya mudah digunakan
:





Salin kod

Kodnya adalah seperti berikut:

>< li>

🎜>

Salin kod

Kod adalah seperti berikut:

......
!--[jika IE 9]>

Lihat penilaian ulasan unik IE sekali lagi: lte: Ia adalah singkatan daripada Kurang daripada atau sama dengan, yang bermaksud kurang daripada atau sama dengan .
lt: Ia adalah singkatan daripada Kurang daripada, yang bermaksud kurang daripada.

gte: Ia adalah singkatan daripada Lebih Besar daripada atau sama dengan, yang bermaksud lebih besar daripada atau sama dengan.

gt: Ia adalah singkatan daripada Lebih Besar daripada, yang bermaksud lebih besar daripada. !: Ini bermakna tidak sama dengan, yang sama dengan simbol penghakiman ketidaksamaan dalam JavaScript Saya percaya semua orang memahami perkara yang sedang berlaku. Ini adalah kaedah yang lebih menyakitkan! Sejumlah besar kod html menjadikan kod yang pada asalnya bertujuan untuk menjadi semantik lebih mengelirukan. Dan ia tidak bagus untuk penulisan gaya. 4. Gunakan xmlns untuk mentakrifkan ruang nama dokumen

xmlns ialah singkatan ruang nama XHTML, iaitu apa yang dipanggil "ruang nama". Seperti pengisytiharan DOCTYPE, xmlns juga merupakan pengisytiharan. Tidak seperti pernyataan DOCTYPE yang masih wujud dalam dokumen HTML, xmlns tidak wujud dalam dokumen HTML. xmlns yang biasa kita lihat muncul dalam dokumen XHTML.

Ini ialah ruang nama asal xhtml, yang telah dipermudahkan selepas HTML5.
Kaedah dari log Elco Klingen pada mulanya menarik banyak perhatian. Teknik ini terdiri daripada ruang nama dalam bentuk XML dan menggunakan elemen yang mengandungi awalan ruang nama, contohnya:





Salin kod

The kod adalah seperti berikut:










: Awalan html5 bukan cara penulisan standard, anda juga boleh menggunakan aksara lain: hl5 juga mungkin. Dengan awalan, IE akan mengenali elemen baharu dan boleh menggunakan gaya. berfungsi sama baik dalam penyemak imbas lain, maka pada akhirnya, anda telah berjaya membina elemen yang sama dan gaya yang sama dalam setiap penyemak imbas.

Kaedah ini jelas mempunyai kelemahan: anda mesti menggunakan ruang nama format XML dalam dokumen HTML. Begitu juga, anda juga perlu melakukan ini dalam css:

Salin kod

Kod adalah seperti berikut:

html5:section {
paparan: blok;
}

Jadi apakah keserasian dengan js? Berikut ialah deml ujian

Salin kod

Kodnya adalah seperti berikut:

🎜>;html5
lebar:100px; tinggi :50px; latar belakang:#f00; {
alert (document.getElementById("test").innerHTML "---id")
alert(document.getElementsByTagName("section")[0].innerHTML "---TagName")
alert(document. getElementsByTagName("SECTION")[0].innerHTML "---huruf besar")
}


Content
IE678 semuanya lulus ujian, tetapi hanya ID boleh diperolehi dalam fixfox dan chrome, jadi kaedah ini juga bukan kaedah yang diingini!