一定要注意常见的3种HTML5差错用途-
人们在标签运用中最常见到的差错之一就是随便将HTML5的
My super duper page
Header content
Page content
Secondary content
Footer content 而此刻在HTML5中，会是这样：
请不要复制这些代码！这是差错的！
My super duper page
这样运用并不准确：**
并不是样式容器。**section元素表示的是内容中用来帮忙构建文档概要的语义局部。它应当包括一个头部。要是你想寻一个用作页面庞器的元素(就像HTML或者XHTML的格调)，那么考虑如Kroc Camen所说，直接把样式写到body元素上吧。要是你依然需要额外的样式容器，还是继续运用div吧。
基于上述思想，下面才是准确的运用HTML5和一些ARIA roles特性的例子（注意，依据你本人的设计，你也可能需要参加div）
My super duper page
这样运用并不准确：**
并不是样式容器。**section元素表示的是内容中用来帮忙构建文档概要的语义局部。它应当包括一个头部。要是你想寻一个用作页面庞器的元素(就像HTML或者XHTML的格调)，那么考虑如Kroc Camen所说，直接把样式写到body元素上吧。要是你依然需要额外的样式容器，还是继续运用div吧。
基于上述思想，下面才是准确的运用HTML5和一些ARIA roles特性的例子（注意，依据你本人的设计，你也可能需要参加div）
My super duper page
二、只在需要的时候运用header和hgroup
写不需要写的标签固然是毫无心义的。不幸的是，我时常看到header和hgroup被无心义的滥用。你可以浏览一下对于header和hgroup元素的两篇文章做一个细致的理解，其中内容我简略总结如下：
header元素表示的是一组介绍性或者导航性质的辅助文字，时常用作section的头部
当头部有多层构造时，比方有子头部，副标题，各种标识文字等，运用hgroup将h1-h6元素组合起来作为section的头部
header的滥用
因为header可以在一个文档中运用屡次，可能使得这样代码格调挨到欢送：
请不要复制这段代码！此处并不需要header –>My best blog post
要是你的header元素只包括一个头部元素，那么丢弃header元素吧。既然article元素已经保障了头部会涌现在文档概要中，而header又不克不及包括多个元素（如上文所定义的），那么为何要写余外的代码。简略点写成这样就行了：
My best blog post
的差错运用
在headers这个主题上，我也时常看到hgroup的差错运用。有时候不该该同时运用hgroup和header:
要是只要一个子头部
要是hgroup本人就能工作的非常不错。。。这不废话么
首先个题目个别是这样的：
请不要复制这段代码!此处不需要hgroup –>
My best blog post
by Rich Clark
此例中，直接拿掉hgroup，让heading果奔吧。
My best blog post
by Rich Clark
第二个题目是另一个无须要的例子：
请不要复制这段代码!此处不需要header –>
My company
Established 1893
要是header独一的子元素是hgroup，那还要header干神马？要是header中没有其他的元素（比方多个hgroup），还是直接拿掉header吧。
My company
Established 1893
三、不要把所有列表式的链接放在nav里
随着HTML5引入了30个新元素（截止到原文发表时），我们在结构语义化和构造化的标签时的选中也变得有些失慎重。也就是说，我们不该该滥用超语义化的元素。不幸的是，nav就是这样一个被滥用的例子。nav元素的标准描述如下：
nav元素表示页面中链接到其他页面或者本页面其他局部的区块；包括导航连贯的区块。
注意：不是所有页面上的链接都需要放在nav元素中——这个元素本意是用作主要的导航区块。举个概括的例子，在footer中时常会有众多的链接，比方服 务条目，主页，版权声明页等等。footer元素本身已经脚以对付这些状况，虽然nav元素也可以用在这里，但平常我们以为是无须要的。
关键的词语是“主要的”导航。固然我们可以互相喷上一整天什么叫做“主要的”。而我个人是这样定义的：
主要的导航
站内搜寻
二级导航（略有争议）
页面内导航（比方很长的文章）
既然并没有绝对的对错，所以依据一个非正式投票以及我本人的解释，下列的状况，无论你放不放，我反正不放在中：
分页控制
社交链接（虽然有些社交链接也是主要导航，比方“对于”“珍藏”）
博客文章的标签
博客文章的分类
三级导航
过长的footer
要是你不肯定可否要将一系列的链接放在nav中，问你本人：“它是主要的导航吗？”为了帮忙你答复这个题目，考虑下列首要准则：
要是运用section和hx也一样合适，那么不要用nav — Hixie on IRC
为了利便拜访，你会在某个“快捷跳转”中给这个nav标签加一个链接吗？
要是这些题目的答案是“不”，那就跟鞠个躬，然后单独脱离吧。
信赖看了这些案例你已经把握了办法，更多出色请关注 百分百源码网 其它相干文章！
相干浏览：
插入表单时如何处置form高低空出一行
怎样用html的title属性实现鼠标悬停显示文字
以上就是一定要注意常见的3种HTML5差错用途的细致内容，更多请关注 百分百源码网 其它相干文章！
