盤點HTML5標簽使用的常見誤區

 現在HTML5還處在草案階段,有些新的標簽元素的解釋也是經常有變化,甚至標簽加入 移出也很頻繁(比如 hgroup),同時現有的大的門戶網站在使用HTML5方面也沒有很好的范例可以參考,讓大家的學習過程更摸索.本文將給大家分享html5構建頁面的小錯誤和不好的實踐方法，讓我們在以後的工作中避免這些錯誤。

不要把<Section>當成簡單的容器來定義樣式

我們經常看到的一個錯誤，就是武斷的將<div>標簽用<Section>標簽來替代，特別是將作為包圍容器的<div>用來替換。在XHTML或者HTML4中，我們將會看到類似下面的代碼：

XML/HTML Code復制內容到剪貼板

1. <!– HTML 4-style code –>  
2.  <div id=”wrapper”>  
3.    <div id=”header”>  
4.      <h1>My super duper page</h1>  
5.      <!– Header content –>  
6.    </div>  
7.    <div id=”main”>  
8.      <!– Page content –>  
9.    </div>  
10.    <div id=”secondary”>  
11.      <!– Secondary content –>  
12.    </div>  
13.    <div id=”footer”>  
14.      <!– Footer content –>  
15.    </div>  
16.  </div>  

現在我看到了下面的代碼樣子：

XML/HTML Code復制內容到剪貼板

1. <!– Don’t copy this code! It’s wrong! –>  
2.  <section id=”wrapper”>  
3.    <header>  
4.      <h1>My super duper page</h1>  
5.      <!– Header content –>  
6.    </header>  
7.    <section id=”main”>  
8.      <!– Page content –>  
9.    </section>  
10.    <section id=”secondary”>  
11.      <!– Secondary content –>  
12.    </section>  
13.