讓IE支持HTML5的方法

2022-05-31 分類：網站建設

越來越多的站點開始使用 HTML5 標簽，但是目前的情況是還有很多人在使用IE6、IE7、IE8。為了讓所有瀏覽者都可以正常的訪問，解決方案有下面兩個：

1.為網站創(chuàng)建多套模板，通過程序對User-Agent的判斷為不同的瀏覽器用戶顯示不同的頁面，例如：優(yōu)酷網。

2.使用Javascript來使不支持HTML5的瀏覽器支持HTML標簽。

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

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

復制代碼

代碼如下:

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

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

提示：您可以先修改部分代碼再運行

代碼如下:

HTML5在默認情況下表現為內聯元素，對這些元素進行布局我們需要利用CSS手工把它們轉為塊狀元素，如下例：

代碼如下:

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

網站題目：讓IE支持HTML5的方法
文章源于：http://jinyejixie.com/news/161940.html

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

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

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

讓IE支持HTML5的方法