Sokongan penyemak imbas HTML5
Sokongan Pelayar HTML5
Anda boleh menjadikan beberapa penyemak imbas lama (yang tidak menyokong HTML5) menyokong HTML5.
Sokongan penyemak imbas HTML5Sokongan
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 elemen HTML "tidak diketahui".
Anda juga boleh mengajar pelayar IE6 (Windows XP 2001) untuk mengendalikan elemen HTML yang tidak diketahui.
Mentakrifkan elemen HTML5 sebagai elemen blok
HTML5 mentakrifkan 8 elemen semantik HTML baharu. Semua elemen ini adalah elemen peringkat blok.
Untuk membolehkan pelayar lama memaparkan elemen ini dengan betul, anda boleh menetapkan nilai atribut paparan CSS untuk menyekat:
Instance
header, section, footer, aside, nav, main, article, figure {
display: block;
}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>為 HTML 添加新元素</title>
<script>document.createElement("myHero")</script>
<style>
myHero {
display: block;
background-color: #ddd;
padding: 50px;
font-size: 30px;
}
</style>
</head>
<body>
<h1>標(biāo)題</h1>
<p>內(nèi)容</p>
<myHero>元素</myHero>
</body>
</html>Isu penyemak imbas Internet Explorer
Anda boleh menggunakan kaedah di atas untuk menambah elemen HTML5 pada pelayar IE, tetapi: Internet Explorer 8 dan versi IE yang lebih awal Penyemak imbas tidak menyokong kaedah di atas. Kami boleh menggunakan "HTML5 Enabling JavaScript", " shiv" yang dicipta oleh Sjoerd Visscher untuk menyelesaikan masalah ini:<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->Kod di atas ialah ulasan, yang digunakan apabila versi pelayar IE lebih kecil daripada IE9 akan membaca fail html5.js dan menghuraikannya. Nota: Pengguna domestik sila gunakan perpustakaan sumber statik Baidu (pustaka sumber Google tidak stabil di China):
<!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]-->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.
Penyelesaian Shiv Sempurna
Contoh
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>shiv</title> <!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]--> </head> <body> <h1>文章標(biāo)題：簡(jiǎn)單是一種方法</h1> <article> 橄欖樹(shù)嘲笑無(wú)花果樹(shù)說(shuō)： “你的葉子到冬天時(shí)就落光了，光禿禿的樹(shù)枝可真難看，哪像我終 年翠綠，美麗無(wú)比。 ”不久，一場(chǎng)大雪降臨了，橄欖樹(shù)身上都是翠綠的葉子，雪堆積在上面， 最后由于重量太大把樹(shù)枝壓斷了， 橄欖樹(shù)的美麗也遭到了破壞。 而無(wú)花果樹(shù)由于葉子已經(jīng)落 盡了， 全身簡(jiǎn)單，雪穿過(guò)樹(shù)枝落在地上， 結(jié)果無(wú)花果樹(shù)安然無(wú)恙。 外表的美麗不一定適應(yīng)環(huán) 境有時(shí)是一種負(fù)擔(dān)， 而且往往會(huì)因?yàn)樯鎺?lái)麻煩或?yàn)?zāi)難。 相反， 平平常常倒能活得自由自 在。所以， 不如放下你外表虛榮的美麗， 或者是不實(shí)的身份和地位，踏踏實(shí)實(shí)地去體會(huì)真實(shí) 簡(jiǎn)單的生活，相信這樣你將獲得更多的樂(lè)趣。 </article> </body> </html>
