DIV CSS 佈局教程網

網頁制作poluoluo文章簡介：您今天就可以使用HTML5.

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;
}