HTML5学习（一）

最近利用下班的时间开始学习HTML5，学习的主要的途径是极客学院的《WEB大前端工程师》，目前为止视频已经看到HTML5部分的Range对象。为了使自己加深对已学部分的理解，以及将自己学习的知识与大家共享（都是些基础性的，希望大家不要笑我，哈哈），才有了这篇微博以及后面的一系列学习笔记微博，希望能跟各位共勉。
HTML5新增的主体元素
HTML5新增的主题元素有：article元素；section元素；nav元素；aside元素；time元素； pubdate元素
article元素代表文档/页面或者应用程序中独立的/完整的/可以被外部引用的内容。它可以是一篇博客或者报刊中的一篇文章，一篇论坛帖子，一段用户评论或独立的插件或者其他任何的独立的内容
article元素可以嵌套使用
article元素可以表示插件

section元素用于对网站或应用程序中页面上的内容进行分块。一个section元素通常由内容和标题组成。
但section元素并非一个普通的容器元素。当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div而非section。
section使用的几点意见
1、不要将section元素作为设置样式的页面容器
2、如果article元素、aside元素、nav元素更符合使用条件，那不要使用section元素
3、没有标题内容 不要使用section元素

nav元素是一个可以用作页面导航的连接组（并不是一个视觉上的导航栏），其中的导航元素链接到其他页面或当前页面的其他部分。
并不是所有的连接组都要被放进nav元素中，只需要将主要的/基本的连接组放进nav元素即可（例如，在页脚中通常会有一组链接，包括服务条款、首页、版权声明等；这时使用<footer>元素是最恰当的，而不需要<nav>元素。）。
nav元素的应用场景：传统导航条，侧边导航条，页面导航，翻页操作

aside元素用来表示当前页面或文章的附属信息部分，它可以包含与当前页面或主页面内容相关的引用，侧边栏，广告，导航条，以及其他类似的有区别于主要内容的部分。（专门为某一段内容进行注释使用 ）
aside元素的使用方法：
1）被包含在article元素中作为主要内容的附属信息部分，其中的内容可以是与当前文章有关的相关资料、名次解释，等等

<article>
<h1>…</h1>
<p>…</p>
<aside>…</aside>
</article>

2）在article元素之外使用作为页面或站点全局的附属信息部分。最典型的是侧边栏，其中的内容可以使友情链接，博客中的其它文章列表、广告单元等。

<aside>
<h2>…</h2>
<ul>
<li>…</li>
<li>…</li>
</ul>
<h2>…</h2>
<ul>
<li>…</li>
<li>…</li>
</ul>
</aside>

time元素定义日期或时间，或者两者。

pubdate元素表示文档的发布时间。

div，article，section三者的区别（引用http://edu.cnzz.cn/201308/922645d5.shtml）
div元素（见得最多，用的最多的一个标签），本身没有任何语义，用作布局以及样式化或脚本的钩子（hook）。
与div无语义相对，简单的说section就是带语义的div了。section表示一段专题性的内容，一般会带有标题。
但是对于一篇博客文章，或者一条单独的评论（元素内容聚合起来更加言之有物时，应该使用article来替换section）。
section 应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的部分。一个网站的主页可以分成简介、新闻和联系信息等几部分。
section 不仅仅是一个普通的容器标签。当一个标签只是为了样式化或者方便脚本使用时，应该使用 div 。一般来说，当元素内容明确地出现在文档大纲中时，section 就是适用的。
article 是一个特殊的 section 标签，它比 section 具有更明确的语义, 它代表一个独立的、完整的相关内容块。一般来说， article 会有标题部分(通常包含在 header 内)，有时也会 包含 footer 。虽然 section 也是带有主题性的一块内容，但是无论从结构上还是内容上来说，article
本身就是独立的、完整的。
当 article 内嵌 article 时，原则上来说，内部的 article 的内容是和外层的 article 内容是相关的。例如，一篇博客文章中，包含用户提交的评论的 article 就应该潜逃在包含博客文章 article 之中。