Sokongan penyemak imbas HTML5

Anda boleh membuat beberapa penyemak imbas lama (yang tidak menyokong HTML5) menyokong HTML5.

Sokongan penyemak imbas HTML5

Pelayar moden menyokong HTML5.

Selain itu, semua penyemak imbas, lama dan baharu, secara automatik akan menganggap elemen yang tidak dikenali sebagai elemen sebaris.

Disebabkan ini, anda boleh "mengajar" penyemak imbas untuk mengendalikan "tidak diketahui" elemen HTML.

	甚至你可以教会 IE6 (Windows XP 2001) 浏览器处理未知的 HTML 元素。

Mentakrifkan elemen HTML5 sebagai elemen blok

HTML5 mentakrifkan 8 HTML baharu Semantik Elemen. Semua elemen ini ialah elemen peringkat blok .

Untuk membolehkan pelayar lama memaparkan elemen ini dengan betul, anda boleh menetapkan nilai atribut paparan CSS kepada sekat:

Contoh

pengepala, bahagian, pengaki, tepi, navigasi, utama, artikel, rajah {
paparan: blok;
}

Tambah elemen baharu pada HTML

Anda boleh menambah elemen baharu pada HTML.

Acara ini menambahkan elemen baharu pada HTML dan mentakrifkan gaya untuk elemen tersebut dinamakan <myHero>:

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<meta charset="utf-8">
<title>为 HTML 添加新元素</title>
<script>document.createElement("myHero")</script>
<style>
myHero {
	display: block;
	background-color: #ddd;
	padding: 50px;
	font-size: 30px;
} 
</style> 
</head>

<body>

	<h1>我的第一个标题</h1>

	<p>我的第一个段落。</p>

	<myHero>我的第一个新元素</myHero>

</body>
</html>

Jalankan instance»

Klik butang "Run instance" untuk melihat contoh dalam talian

JavaScript statementdokumen. createElement("myHero") ialah untuk menambah elemen baharu pada pelayar IE.

Isu pelayar Internet Explorer

Anda boleh menggunakan kaedah di atas untuk menambah elemen HTML5 untuk pelayar IE, tetapi:

	Internet Explorer 8 及更早 IE 版本的浏览器不支持以上的方式。

Kami boleh menggunakan "HTML5 Enabling JavaScript", " shiv" yang dicipta oleh Sjoerd Visscher untuk menyelesaikan masalah ini:

Kod di atas ialah ulasan, yang digunakan untuk membaca fail html5.js dan menghuraikannya apabila versi pelayar IE lebih kecil daripada IE9.

Nota: Pengguna domestik sila gunakan perpustakaan sumber statik Baidu (pustaka sumber Google tidak stabil di China):

html5shiv ialah penyelesaian yang lebih baik untuk penyemak imbas IE. html5shiv terutamanya menyelesaikan masalah bahawa elemen baharu yang dicadangkan oleh HTML5 tidak diiktiraf oleh IE6-8 Unsur baharu ini tidak boleh digunakan sebagai nod induk untuk membungkus elemen anak dan gaya CSS tidak boleh digunakan.

Perfect Shiv Solution

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<meta charset="utf-8">
<title>渲染 HTML5</title>
<!--[if lt IE 9]>
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->
</head>

<body>

	<h1>我的第一篇文章</h1>

	<article>
	php中文网 ——  php中文网！！
	</article>

</body>
</html>

Run Instance»

Klik "Run Butang Contoh" untuk melihat contoh dalam talian

kod rujukan html5shiv.js mesti diletakkan dalam elemen <head>, kerana penyemak imbas IE perlu memuatkan fail terlebih dahulu apabila menghuraikan elemen HTML5 baharu.

Sokongan penyemak imbas HTML5