DIV CSS 佈局教程網

html5已經出來有一段時間了，雖然萬惡的IE面對其赤果果的色誘也硬不起來，但還是有很多優秀的網站開始應用了，畢竟大勢所趨嘎嘎。
最近在啃html5動物書，雖然動物書講的好多東西，在網絡上的一些雜文裡都看到過，不過畢竟是動物書，會有一些小細節是值得去翻閱的。

好了 切入主題，講講心得：

section 是有語義的div

很多人很費解 為什麼html5 放著div 那麼短小精干的東西不用，非要用section呢？
我的理解是div 依然有用，只是它可以代表無語義的東西。section像是一個沙盒子，將不同的部分，區塊，模塊，區分開。

header 不是一定要唯一

首先要說的就是這個header標簽，之前看了好多關於html5的雜文，給人的感覺就像是 header 標簽是 網站頭部進化過來的，其實不然，就像以前很多人認為 h1只允許有一個一樣。
因為 header 可以包含在 article 裡作為 文章的頭部標簽。見(49頁)

hgroup 在header 標簽中充當目錄指引作用

原先一直很不明白hgroup 的作用，因為w3cschool 上表現的例子中hgroup中都是些h* 標簽集合，這種東西在實際應用中的應用場景非常狹隘。但當發現 article 裡可以丟header 標簽後 這個問題就解決了。
其實個人覺得這個標簽的重心在目錄指引，在內容為王的時代，hgroup標簽會給seo帶來一定貢獻。

有了沙箱後，網站結構變得不是那麼虎頭蛇尾

很多人認為 一個web 中 只能用一個h1 不能用太多 h2，以及少量h3， 甚至都找不到 h4的蹤跡。
事實告訴我們，我們甚至可以在 nav 標簽中使用h1。
那麼這樣寫不但不會混淆seo 抓重點。而且能讓web 看著更加婀娜多姿，凹凸有致。