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在對象中創建對應的節點。
<!--[if ie]><script>document.createelement("header");document.createelement("footer");document.createelement("nav");document.createelement("article");document.createelement("section");</script><![endif]-->
添加以上代碼后,在ie8中顯示的效果如下:
sitepoint例子中創建節點的javascript代碼似乎過于臃腫,在smashingmagazine提供的代碼似乎更簡潔。
demo:http://blog.gulu77.com/demo/200908/html5_demo3.html
<!--[if ie]><script>(function(){if(!/*@cc_on!@*/0)return;var e = "header,footer,nav,article,section".split(','),i=e.length;while(i--){document.createelement(e[i])}})()</script><![endif]-->
html5在默認情況下表現為內聯元素,對這些元素進行布局我們需要利用css手工把它們轉為塊狀元素,如下例:
header, footer, nav, section, article {display:block;}
新聞熱點
疑難解答