现在HTML5还处在草案阶段,有些新的标签元素的解释也是经常有变化,甚至标签加入 移出也很频繁(比如 hgroup),同时现有的大的门户网站在使用HTML5方面也没有很好的范例可以参考,让大家的学习过程更摸索.本文将给大家分享html5构建页面的小错误和不好的实践方法，让我们在以后的工作中避免这些错误。

不要把<Section>当成简单的容器来定义样式

我们经常看到的一个错误，就是武断的将<div>标签用<Section>标签来替代，特别是将作为包围容器的<div>用来替换。在XHTML或者HTML4中，我们将会看到类似下面的代码：

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>  

现在我看到了下面的代码样子：

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.