HTML5标签的使用

第一次看html5的时候疯狂的模仿，整个页面充满了section，（那时是模仿淘宝还是百度啊，忘了）
现在想想真是搞笑，人家出个html5把div用section替换不限麻烦啊！
=========================================================================================
1、<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
=========================================================================================
这样写一两个是正确的，要是整个页面全是section，那你老板要你简直就是悲剧，根本就违背了setion出现的意义。
<section>
<h1>PRC</h1>
<p>The People's Republic of China was born in 1949...</p>
</section>
=========================================================================================
2、<header> 标签定义文档的页眉（介绍信息）。
<header>元素通常包含一个标题标签(h1至h6)或是hgroup。另外，也可以包含其他内容，例如数据表格
、搜索表单或相关的logo图；根据最新的W3C HTML5规范更新，<nav>元素标签也可以在<header>中使用。
=========================================================================================
这样式正确的
<header>
<h1>Welcome to my homepage</h1>
<p>My name is Donald Duck</p>
</header>
但是这样的话就多此一举了，
<section>
<header>
<h1>PRC</h1>
<p>The People's Republic of China was born in 1949...</p>
</header>
</section>
=========================================================================================
3、<hgroup> 标签用于对网页或区段（section）的标题进行组合。
=========================================================================================

下面这个应该去掉hgrounp，本来就1个h1标题，还给他加个hgrounp干嘛啊，嫌这样写着舒服啊。
<header>
<hgroup>
<h1>My best blog post</h1>
</hgroup>
<p>by Rich Clark</p>
</header>

下面这个应该去掉header，同理
<header>
<hgroup>
<h1>My company</h1>
<h2>Established 1893</h2>
</hgroup>
</header>
=========================================================================================
4、<nav> 标签定义导航链接的部分。
=========================================================================================
一二级导航用nav即可

=========================================================================================
5、<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）。
<figcaption> 标签定义 figure 元素的标题（caption）。
=========================================================================================
figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。
eg：
<p>黄浦江上的的卢浦大桥</p>
<figure>
<figcaption>黄浦江上的的卢浦大桥</figcaption>
<img src="shanghai_lupu_bridge.jpg" width="350" height="234" />
</figure>
而不是所有的img必须加个figure。
=========================================================================================
6、form属性的错误使用
=========================================================================================
有一些新的form属性是布尔型的，意味着它们只要出现在标签中，就保证了相应的行为已经设置。这些属性包括：
autofocus
autocomplete
required
有三种有效的方式去使用布尔属性。（后两种只在xthml中有效）
required
required=""
required="required"
//请不要复制这段代码! 这是错的!
<input type="email" name="email" required="true" />
<input type="email" name="email" required="1" />
<input type="email" name="email" required="false" />
只有下面的写法是正确的。
<input type="email" name="email" required />
《HTML5新元素学习》
<header> <video> <footer><nav><address><time><meter><audio>
article元素用来在页面中表示一套结构完整且独立的内容部分。article可以用来呈现论坛的一个帖子，杂志或报纸中的一篇文章，一篇博客，用户提交的评论内容，可互动的页面模块挂件等。
每个article都可以有自己的header，我感觉html重视的还是语义。
《发展》
“渐进增强(Progressive Enhancement)”与“优雅降级(平稳退化,Graceful Degradation)”
-->

<section cite="http://www.baidu.com">
  <h1>PRC</h1>
  <p>The People's Republic of China was born in 1949...</p>
</section>

有问题可以QQ联系:短发哥。