讓IE支持HTML5的方法

2022-05-31 分類：網(wǎng)站建設(shè)

越來(lái)越多的站點(diǎn)開始使用 HTML5 標(biāo)簽，但是目前的情況是還有很多人在使用IE6、IE7、IE8。為了讓所有瀏覽者都可以正常的訪問(wèn)，解決方案有下面兩個(gè)：

1.為網(wǎng)站創(chuàng)建多套模板，通過(guò)程序?qū)ser-Agent的判斷為不同的瀏覽器用戶顯示不同的頁(yè)面，例如：優(yōu)酷網(wǎng)。

2.使用Javascript來(lái)使不支持HTML5的瀏覽器支持HTML標(biāo)簽。

針對(duì)IE比較好的解決方案是html5shiv。htnl5shiv主要解決HTML5提出的新的元素不被IE6-8識(shí)別，這些新元素不能作為父節(jié)點(diǎn)包裹子元素，并且不能應(yīng)用CSS樣式。讓CSS 樣式應(yīng)用在未知元素上只需執(zhí)行 document.createElement(elementName) 即可實(shí)現(xiàn)。html5shiv就是根據(jù)這個(gè)原理創(chuàng)建的。

html5shiv的使用非常的簡(jiǎn)單，考慮到IE9是支持html5的，所以只需要在頁(yè)面head中添加如下代碼即可：

復(fù)制代碼

代碼如下:

添加以上代碼后，在IE8中顯示的效果如下：
在IE 8顯示的例子,處理后

sitepoint例子中創(chuàng)建節(jié)點(diǎn)的JavaScript代碼似乎過(guò)于臃腫，在smashingmagazine提供的代碼似乎更簡(jiǎn)潔。
演示如下

提示：您可以先修改部分代碼再運(yùn)行

代碼如下:

HTML5在默認(rèn)情況下表現(xiàn)為內(nèi)聯(lián)元素，對(duì)這些元素進(jìn)行布局我們需要利用CSS手工把它們轉(zhuǎn)為塊狀元素，如下例：

代碼如下:

header, footer, nav, section, article {
display:block;
}

網(wǎng)站題目：讓IE支持HTML5的方法
文章源于：http://bm7419.com/news/161940.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供虛擬主機(jī)、域名注冊(cè)、搜索引擎優(yōu)化、網(wǎng)站制作、全網(wǎng)營(yíng)銷推廣、小程序開發(fā)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)