首頁 > web前端 > html教學 > 讓IE支援HTML5辦法

讓IE支援HTML5辦法

黄舟
發布: 2016-12-15 13:26:20
原創
1165 人瀏覽過

HTML5預計是在2022年發布,但我認為它距離我們並不是那麼遙遠,因為在html5gallery就例舉了大量正在使用HTML5的站點,當然包括本人BLOG在內。關於HTML5不得不提IE,在蘋果、Google、Opera和Mozilla等主流瀏覽器廠商積極參與新版本HTML標準的製定與推廣時,微軟卻對HTML 5規範不屑一顧。然而微軟近期才表態要在IE中支援HTML 5,以致到今天為止的IE8及以下是無法支援HTML5標籤的。但在sitepoint找到了讓IE支援HTML5辦法。

以下是在的IE 8顯示的例子,未作處理前:

讓IE(包括IE6)支援HTML5元素,我們需要在HTML頭部添加以下JavaScript,這是一個簡單的document.createElement聲明,利用條件註釋針對IE在物件中建立對應的節點。

加入以上程式碼後,在IE8中顯示的效果如下:

sitepoint範例中建立節點的JavaScript程式碼似乎太臃腫,在smashingmagazine提供的程式碼似乎更簡潔。
Demo:http://blog.gulu77.com/demo/200908/html5_demo3.html

HTML5在預設情況下表現為內聯元素,對這些元素進行佈局我們需要利用CSS手工把它們轉為塊狀元素,如下例:


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

以上就是讓IE支援HTML5辦法的內容,更多相關文章請關注PHP中文網(www.php.cn)!


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板