HTML5？？？——》万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改；
HTML5相对于旧HTML有什么变化？？？——》全新定义的HTML标签和更为规范化的HTML标签，css以及全新的javascript API接口；
新API？？？——》实时二维绘图，定时媒体播放，离线存储数据库，通信/网络，微数据……
HTML5能做什么？？？——》
- 网站开发与维护：响应式网站设计，H5移动应用；
- H5移动营销：游戏化、场景化、跨屏互动，HTML5技术完美的满足了各大广告商心里的梦想，从形式到功用、到传播，只要是你能想到的，没有它做不到的。；
- 手机游戏、网页游戏的3D化： 随着如今系统性能以及Web或者是手机的科技发展，手机游戏，网页游戏等已经逐渐成熟，越来越多的开发者都需要更加精彩的3D游戏开发内容，而这正是HTML5擅长的；
- 动漫、二次元：HTML5技术的成熟，还将会带来动漫产业的升级，从而为读者们带来更场景化，更真实化的方便体验。
- 轻应用、Webapp、微站：HTML5培训开发移动应用更灵活。采用HTML5技术的轻应用、WebApp相信会更容易被大众所认可，接受。
- WebVR让虚拟现实大众化：WebVR就是通过HTML5教程来把虚拟现实内容嵌入到web页面中，谷歌、Facebook等巨头都十分欣赏这一功能。
- ……………………
HTML5的一般设计结构
 |
 |
HTML5新增语义化结构标签
<article>：定义文章或完整的一块内容；
<header>：定义section或page的页眉区域；
<footer>：定义section或page的页脚；
<nav>：定义section或page的导航条；
<section>：区块，定义页面或内容分组的逻辑区域；
<aside>：定义次要或相关性内容；
定义列表：定义名字与对应值，如定义项与描述内容；
<meter>：描述一个数量范围；
<progress>：通过设置进度条，显示实时进度情况；
自定义数据属性：通过data-模式，允许给元素添加自定义属性；
-
HTML5新增语义化结构标签的解析
- <article>
<article>元素？？？——》文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容；
它可以是一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件，或其他任何独立的内容；
注意：
- 除了内容部分，一个article元素通常有它自己的标题或脚注；
- 可以嵌套使用，且内层的内容在原则上需要与外层的内容相关联；
- 用来表示插件的作用？？？——》使插件看起来好像内嵌在页面中一样；
<Section>
section元素？？？——》由内容及其标题组成；
section作用？？？——》对网站或应用程序中页面上的内容进行分块；
注意：
- section元素并非一个普通的容器元素；？？？——》
- 当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div而非section元素；
- 通常不推荐为那些没有标题的内容使用section元素。
<Nav>
Nav？？？——》用作页面导航的链接组，且“导航元素”可以链接到其它页面或当前页面的其他部分；
注意：
- 并不是所有的链接组都要被放进nav元素，只需要将主要的、基本的链接组放进nav元素即可；？？？——》在页脚中通常会有一组链接，包括服务条款、首页、版权声明等，这时使用footer是最恰当的；
- 一个页面可以有多个nav元素，作为页面整体或不同部分的导航；
<Aside>
Aside元素？？？——》包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其他类似的有别于主要内容的部分；
Aside元素？？？——》表示当前页面或文章的附属信息部分；
注意：
Aside元素主要有一下两种使用方法？？？——》
- 被包含在article元素中作为主要的附属信息部分，其中的内容可以是与当前文章有关的参考资料、名词解释等等。
- 在article元素之外使用，作为页面或站点全局的附属信息部分；？？？——》最典型的形式是侧边栏，其中的内容可以是友情链接，博客中其他文章列表、广告单元等；
<Pubdate>
Pubdate？？？——》一个可选的、boolean值的属性；
Pubdate作用？？？——》用到article元素中的time元素上，意思是time元素代表了文章（article元素的内容）或整个网页的发布日期；
注意：
- Pubdate对<time>的指示？？？——》指示 <time> 元素中的日期 / 时间是文档（或最近的前辈 <article> 元素）的发布日期；
微格式
微格式？？？——》是一种利用html的class属性来对网页添加附加信息；
附加信息？？？——》例如新闻事件发生的日期和事件、个人电话号码、企业邮箱等；
注意：
- 在html5之前就和html结合使用了，但编码时会产生一些歧义，html5增加了time元素来解决它；
大家是不是对前面的pudate、微格式中提到的time不明白是什么？？？——》这里我就写下；
- Time元素？？？——》代表24小时中的某个时刻或某个日期；
- 注意：
- 表示时刻时允许带时差；
- 可以定义很多格式的日期和时间：
- <time datetime=“2010-11-13”>2010年11月13日</time>
- <time datetime=“2010-11-13”>11月13日</time>
- <time datetime=“2010-11-13”>我的生日</time>
- <time datetime=“2010-11-13T20:00”>我生日的晚上8点</time>
- <time datetime=“2010-11-13T20:00Z”>我生日的晚上8点</time>
- <time datetime=“2010-11-13T20:00+09:00”>我生日的晚上8点的美国时间</time>
解析：
- 编码时机器读到的部分在datetime属性里；
- 而元素的开始标记与结束标记中间的部分是显示在网页上的；
- Datetime属性中日期与时间之间要用”T”文字分隔，“T”？？？——》时间；
- 时间加上“Z”文字？？？——》给机器编码时使用UTC标准时间；
- 倒数第一行则加上了时差？？？——》向机器编码另一地区时间，如果是编码本地时间，则不需要添加时差；
<header>
header元素？？？——》是一种具有引导和导航作用的结构元素；
header元素通常用来放置？？？——》整个页面或页面内的一个内容区块的标题，但也可以包含其他内容；例如数据表格、搜索表单或相关的logo图片；
注意：
一个网页内并未限制header元素的个数，可以拥有多个，可以为每个内容区块加一个header元素；
<hgroup>
hgroup元素？？？——》将标题及其子标题进行分组的元素；
注意：
- hgroup元素通常会将h1～h6元素进行分组，例如一个内容区块的标题及其子标题算一组；
- 不需要hgroup元素的；？？？——》通常文章只有一个主标题；
- 需要使用hgroup元素；？？？——》文章有主标题，且“主标题下”有子标题；
<footer>
footer？？？——》包括其相关区块的脚注信息，如作者、相关阅读链接及版权信息等；
footer元素作用？？？——》可以作为其上层父级内容区块或是一个根区块的脚注；
注意：
- 在HTML 5出现之前，我们使用之后的方式编写页脚；？？？——》
- 到了HTML 5之后，这种方式将不再使用；？？？——》使用更加语义化的footer元素来替代；
- 与header元素一样，一个页面中也未限制footer元素的个数；
- 同时，也可以为article元素或section元素添加footer元素；
<address>
address元素作用？？？——》在文档中呈现联系信息；
联系消息？？？——》包括文档作者或文档维护者的名字、他们的网站链接、电子邮箱、真实地址、电话号码等；
注意：不只是用来呈现电子邮箱或真实地址，还应用来展示跟文档相关的联系人的所有联系信息；