一些碎碎念.
想一想，h5的新标签和css3以及响应式是自己的弱项，而这些并不是难的东西，所以还是赶紧补上来，然后磨刀霍霍杀向react和小程序，就可以展望以后更大的世界~ ~
HTML5
HTML5它新增了离线存储，更丰富的表单，js线程，socket，标准扩展embed，css3，流媒体与多媒体引擎，Audio，Video，Canvas，webgl等等。。
html5新布局的意义。
- 语意化，代替大量无意义的div，提升了代码的质量和意义，减少了class和id的调用，对搜索引擎的友好。
新增的标签。
结构标签
<header></header> 头部标签。
<nav></nav> 导航栏
<arcitle></arcitle> 定义一篇文章
<section></section> 标记定义一个区域
<aside></aside> 侧边栏
<hgroup></hgroup> 定义文件中一个区域的相关信息，类似h1-h6.
<figure></figure> 定义媒体内容。
<figcaption></figcaption> 定义标题，和<figure>搭配使用。
<footer></footer> 定义底部
<dialog> 定义对话框，类似微信。（几乎不用....）
多媒体标签。
<video></video>视频
<audio></audio>音频
<source /> 单标签 定义媒体资源。
其中video和audio有属性。auoplay自动播放，loop重复播放，controls出现控制条。还有src可以设置源文件。
source有src和type，装在video或者audio的里面，可以把src写在里面，并且通过type设置转码方式。
<canvas>定义画布。搭配js
<embed> 定义外部的可交互内容或者插件，例如flash。
Web应用标签。
- 状态标签
<meter></meter> 有属性vlue,min,max,low最低值,high最高值,optimum,正常值，规定电压实时状态显示。
兼容性差。
<progress></progress>加载条，任务进程。兼容性差。
<datalist>和input搭配使用，input的list属性和datalist的id相同，
可以输入文字联想下拉框。火狐谷歌欧鹏。
<detailss>展开内容，子元素<summary>配合使用可以为 details 定义标题。
标题是可见的，用户点击标题时，会显示出 details.每次刷新都关闭，
可以加上open这个属性就是刷新后打开。
其他标签。
<ruby> 标签定义 ruby 注释（中文注音或字符）。
在东亚使用，显示的是东亚字符的发音。
将 <ruby> 标签与 <rt> 和 <rp> 标签一起使用：
<ruby> 元素由一个或多个需要解释/发音的字符和一个提供该信息的 <rt> 元素组成，
还包括可选的 <rp> 元素，定义当浏览器不支持 "ruby" 元素时显示的内容
<ruby>
汉 <rp>(</rp><rt>Han</rt><rp>)</rp>
字 <rp>(</rp><rt>zi</rt><rp>)</rp>
</ruby>
<mark>标签，黄色uxanzhong。
<output> 定义输出类型，计算结果。
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" id="a" value="50">100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
h5标签新的属性。
input
新增email/url/number/ramge(拖动条)/color(调色板)/search(提示框)
表单属性。
- autocomplate属性，(autocomplate='on')，自动补全功能。
- autofocus 自动获取焦点。
- multiple 规定输入域可选多个值。
- placeholder 提示信息。
- required 必填项。
连接属性
- size 用于link的icon
- target 不丢失本页面。
#### 其他属性
script的defer等待页面加载完毕执行。只用于ie。 script 的async 规定脚本将被异步执行。 ol的start起始值。reversed倒叙！ style的scoped内嵌css.
