HTML5带来的新特色
1.用于绘画的canvas元素
2.用于媒介回放的 video 和 audio 元素
3.对本地离线存储的更好的支持
4.新的特殊内容元素，比如 article、footer、header、nav、section
5.新的表单控件，比如 calendar、date、time、email、url、search
参考：http://www.runoob.com/html/html5-semantic-elements.html
本次分享：
1.常用的新增语义标签
2.Input控件类型
3.常用的html5标签
比较常用的HTML5语义标签总结：
1.<header> : 用于规定文档头部或者内容的展示，在文档中你可以使用多个header标签
2.<nav> : 用于定义导航链接部分
3.<section> : 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分
4.<article> : 标签定义独立的内容
5.<aside> : 标签定义页面主区域内容之外的内容（比如侧边栏）。标签的内容应与主区域的内容相关
6. <footer>: 元素描述了文档的底部区域。例如：作者，著作权信息，链接的使用条款，联系信息等
常用的HTML5新标签及其用法总结：
1.<b> : 定义粗体字
2.<base> : 标签为页面上的所有链接规定默认地址或默认目标。(必须插在head标签内)
实例：
<base href="http://www.baidu.com" target="_blank" />
1.href: 默认提交的url
2.target: 值： _blank,_parent,_self,_top (_blank以新的窗口打开)
此时的body体中 加入a标签 <a href=""></a> 会默认的跳转到百度
当然不止是a标签哦，比如我们看下面的实例：
<base href="简书/" />
<img src='base.jpg" />
这里把默认的URL写成 ‘简书/’ ,src写成图片名，就会默认访问当前目录下的文件.
3.<ado> : 改变文本默认方向，属性dir 值有两个：ltr,rtl,意思是从左到右，从右到左
实例：
<ado dir='rtl'> 我是从左到右</ado>
4.<center> : 对其所包括的文本进行水平居中
实例：
<center>我是水平居中的</centr>
此时文本处于body中，所以看图：
5.<caption> : 元素定义表格标题,必须紧随 table 标签之后
实例:
<table> <caption style="color="red">我是有大标题的表格哦</caption> <tr> <th>我是第一栏的第一个</th> <th>我是第一栏的第二个</th> </tr> <tr> <td>我是第二栏的第一个</td> <td>我是第二栏的第二个</td> </tr> </table>
从页面输出上，我们很容易看到，caption位于表格最上部并且水平居中，很有标题感嘛 ~ 。定义一个表格首先是table标签包裹,其次定义tr,然后是标题th，再然后是各项，td。看代码和图片应该很好理解 ~
6.<dl> : 定义列表 ，这个好像之前就有，不过不太常用，顺便提一下
实例:
<h1>定义一个列表</h1> <dl> <dt>关键词1:</dt> <dd>关键词1的解释.......</dd> <dt>关键词2：</dt> <dd>关键词2的解释.......</dd> </dl>
7.<figcaption> : 标签定义figure元素的标题
8.<select> : 下拉选框，以前也经常用到。
实例：
<select> <option>下拉选框</option> <option>1</option> <option>2</option> <select>
9.<progress> : 标签标示任务的进度（进程）,也就是进度条
实例：
<progress value="20" max="100" />
10. <q> : 文本引用标记，也就是引号
实例:
<q>hellwo 简书</q>
11. <sup>和<sub> 文本上标和下标
实例：
这段文本<sup>上标</sup>是<sup>下标</sub>
小提示：不要连用，（就是标签中间没有内容）这样参照的文本不同，显示的效果就不样了~
12.<del>和<ins> ：来描述文档中的更新和修正
实例：
<del>我是有删除线的</del><ins>我是有下划线的</ins>
13.<sumary> 和<details> :标签包含 details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息。这两个标签是放在一起使用的。
实例：这里是已经点击的状态了
<details>
<sumary>点我看详细信息</sumary>
看见我了吗?
</details>
新增的Input控件类型总结:
以下均以<Input type="" / >开头
1.color : 选取颜色，是一个拾色器，个人觉得不错，请看图~
2.date ： 选取日期
3.datetime-local : 也是日期控件，不过可以显示时分
4.email ： 提交表单时，会自动验证输入域
5.number ：只允许输入数字 属性max最大,min最小,step间隔（-2,0,2...这样的）
6.range : 类似于一个滑块，选取不定数值也有max,min,step
7.tel ： 验证输入电话号码
8.week : 日期控件，这里可以选择周哦~~
9.checkbox :这个之前就有，还是提一下,复选框.
未完待续 ......
