HTML 5创新之一：语义化标记的子句元素标记。 css
在HTML 5出现之前，页面的章节用div表示，但这些div没有实际意义。 即使用css样式的id和class来表达这个内容的意思。 这些选项卡是我们为浏览器提供的命令，它们只是定义网页的一部分。 但是现在，以前没有“意义”的标签因为html5的出现而消失了。 这就是我们平时说的“意思”。 html
请看下图，没有用div标签布局前端
html5布局html5
嗯，上图所示的页面结构没有div。 所有标签都采用html5语义标签(使用哪个标签取决于设计目标)。 程序员
但是，由于html5新标签的出现，不能随便使用。 如果确定了错误的使用，就会违反意图。 因此，也有使用div的地方。 因为div有没有任何意义的要素。 他只是一个标签，只用于构建外观和结构。 所以是最适合容器的标签。 浏览器
W3C不能定义这些语义标签，完全符合我们有时的设计目标。 因为制定的法律100年不变，而且制定不久，所以这些语义标签不能适应相应的设计目标。 只需要某种程度的“通用性”，以让爬行动物读重要的东西为目标就足够了。 前端工程师
结论不能因为有HTML 5标签就放弃div。 万物都有自己的用途。 ide
节点元素标记因使用位置而异，因此我将它们分为节元素标记、文本元素标记和组元素标记，并分为求解和使用HTML5中新增加的语义化标记。 工具
头元素
header元素表示“网页”或“section”标题。
通常，整个页面或单个内容块的标题包括h1-h6元素或h组。 也可以包装部分的目录部分、搜索框、nav或相关徽标。 布局
整个页面中可以有多个header元素，并且可以对每个内容块增加一个header元素
网站标题网站的副标题
header示例代码
header使用注意事项：
它可以是“网页”或任何“section”的头部部分；
没有个数限制。
如果hgroup或h1-h6本身可以工作的话，请不要使用header。
福特要素
footer元素表示“网页”或“section”页脚通常包含部分的基本信息，如作者、相关文档连接和版权信息。 如果footer元素包含整个部分，则显示附录、索引、提拔、许可协议、标签和类别等其他类似信息。
版权@小北
footer示例代码
footer使用注意事项：
它可以是“网页”或任何“section”的下部部分；
没有个数限制。 除了包裹的内容不同，剩下的和header相似。
h组元素
hgroup元素表示“网页”或“section”标题，如果元素具有多个级别，则可以包含从h1到h6的元素，如文章的主题和副标题的组合
这是一个HTML 5，介绍HTML 5的语义化标记和更简洁的结构
hgroup示例代码
h组的使用注意事项：
如果想要h1-h6标签，就不需要hgroup
如果连续有多个h1-h6标签，请使用hgroup
如果有多个连续标题和其余文章数据，h1-h6标签用hgroup包装，并与其余文章元数据一起放入header标签中
nav元素
nav元素表示页面的导航连接区域。 定义页面的主要导航部分。
HTML 5CSS3JavaScript
nav实例
但是，无论是侧栏目录、面包屑导航、搜索样式还是下一篇文章，我都忍不住想使用它，但实际上nav被规范为只能在页面的主要导航部分使用。 页脚中的链接列表指向不同站点的不同区域，如服务条款、版权页面等，但可以使用这些footer元素。
nav使用注意事项：
请在整个页面的主要导航部分使用，如果不合适，请不要使用nav元素；
aside元素
aside元素包含在article元素中作为主要内容的附属信息部分，其内容可以是与当前文章相关的资料、标签、顺序的解释等。 (特殊部分)
除项目元素外，请使用作为整个页面或站点的附属信息部分。 最典型的是侧边栏，其内容可以是日志合并、其余组导航、甚至广告、与这些内容相关的页面。
内容
作者简介小北，前端一张
aside实例
aside使用总结：
aside显示了article中主要内容的附属信息。
除了article以外，都可以使用侧边栏。 因为article不支持，所以最好不要使用。
如果是广告，还可以使用剩下的日志连接和剩下的分类导航
第二个元素
section元素表示文档中的“节”或“段”，“段”可以是
是指一篇文章里按照主题的分段；“节”能够是指一个页面里的分组。section一般还带标题，虽然html5中section会自动给标题h1-h6降级，可是最好手动给他们降级。以下：
section是啥？ 关于section
section的介绍
关于其余关于其余section的介绍
section示例代码
section使用注意：
一张页面能够用section划分为简介、文章条目和联系信息。不过在文章内页，最好用article。section不是通常意义上的容器元素，若是想做为样式展现和脚本的便利，能够用div。
表示文档中的节或者段；
article、nav、aside能够理解为特殊的section，因此若是能够用article、nav、aside就不要用section，没实际意义的就用div
article元素
article元素最容易跟section和div容易混淆，其实article表明一个在文档，页面或者网站中自成一体的内容，其目的是为了让开发者独立开发或重用。譬如论坛的帖子，博客上的文章，一篇用户的评论，一个互动的widget小工具。(特殊的section)
除了它的内容，article会有一个标题(一般会在header里)，会有一个footer页脚。咱们举几个例子介绍一下article，好更好区分article、section、div
一篇文章
文章内容..
版权：html5jscss网所属，做者：小北
一篇简单文章的article示例代码
上例是最好简单的article标签使用状况，若是在article内部再嵌套article，那就表明内嵌的article是与它外部的内容有关联的，如博客文章下面的评论，以下：
一篇文章
2012/10/03
文章内容..
评论 评论者: XXX~1 hour ago
哈哈哈
评论者: XXX~1 hour ago
哈？哈？哈？
文章里的评论，一个article嵌套article来表示的实例
article内部嵌套article，有多是评论或其余跟文章有关联的内容。那article内部嵌套section通常是什么状况呢。以下：
前端技术
前端技术有那些
CSS样式..
JS脚本
文章里的章节，一个article里的section实例
由于文章内section部分虽然也是独立的部分，可是它门只能算是组成总体的一部分，从属关系，article是大主体，section是构成这个大主体的一部分。本网站的所有文章都是article嵌套一个个section章节，这样能让浏览器更容易区分各个章节所包括的内容。
那section内部嵌套article又有哪些状况呢，以下
介绍: 网站制做成员配备 设计师
设计网页的...
程序员后台写程序的..
前端工程师给楼上两位打杂的..
一个section里的article实例
设计师、程序员、前端工程师都是一个独立的总体，他们组成了网站制做基本配备，固然还有其余成员~~。设计师、程序员、前端工程师就像article，是一个个独立的总体，而section将这些自成一体的article包裹，就组成了一个团体。
article和section和例子就例举这么多了，具体状况具体分析，不易深究。漏了divd，其实div就是只是想用来把元素组合或者给它们加样式时使用。
article使用注意：
自身独立的状况下：用article
是相关内容：用section
没有语义的：用div
HTML5其余结构元素标签
HTML5节元素标签包括body article nav aside section header footer hgroup，还有h1-h6 address。
address表明区块容器，必须是做为联系信息出现，邮编地址、邮件地址等等,通常出如今footer。
h1-h6由于hgroup，section和article的出现，h1-h6定义也发生了变化，容许一张页面出现多个h1。