HTML5 新的 Input 类型
HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。
我全面介绍这些新的输入类型：
...HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。
我全面介绍这些新的输入类型：
...引用样式表 //内联，行内，外部引用（<link rel="stylesheet" href=""/>）
！important //强制优先级。 添加在CSS属性后面。
}
属性选择器：{ E选择的元素。
E[att]:{ } //选择为具有att属性的添加样式。
e[att=”val”]{ } //选择具有att=””相同格式，添加新的样式。
E[att~=”15px”]{ } //选择具有att属性且属性值有多个,为其中的相同值（15px）添加新的样式。
...移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析html代码，更好地将移动web前端页面表现出来。本文整理一些常用的meta标签。
...定义针对搜索引擎的关键词：
<meta name="keywords" content="meta，red" />
定义对页面的描述：
<meta name="description" content="这是meta教程" />
定义页面的最新版本：
<meta name="revised" content="bu, 2016/5/10/" />
每 5 秒刷新一次页面：
...第十大原因：易用性
俩个原因使得使用HTML5创建网站更加简单：语义上及其ARIA。新的HTML标签像<header>, <footer>，<nav>，<section>，<aside>等等，使得阅读者更加容易去访问内容。在以前，即使你定义了class或者ID你的阅读者也没有办法去了解给出的一个div究竟是什么。使用新的语义学的定义标签，你可以更好的了解HTML文档，并且创建一个更好的使用体验。
...HTML 5是近十年来Web开发标准最巨大的飞跃。和以前的版本不同，HTML5并非仅仅用来表示Web内容，它的新使命是将Web带入一个成熟的应用平台，在HTML
5平台上，视频，音频，图象，动画，以及同电脑的交互都被标准化。（HTML5也有了自己的logo）.学习HTML5需要掌握下面几方面知识。
1、HTML基础知识
做移动端有一段时间，今天有同事问了我article和section标签的使用，模模糊糊的解释了下，他似懂非懂，有点小尴尬。忽然间觉得自己有必要再翻翻书籍，重温下html5的新元素。html5新增的结构元素，有的经常使用到，有的用不上，当页面禁用样式后，它们的展现跟div是没什么差别的，有同学可能会说，既然一样，又不影响页面的最终展现，不管是article还是section能用就好了。如果考虑实际项目针对用户，我也是这么认为的，但作为一个重构仔，我们需要让标签语义化，清晰的结构，更好的seo，利于特殊终端的阅读(无障碍)，此时html5标签的作用就很明显了，并不是说能用就好。于是复习下内容并记录在博客上，顺便分享给大家，也方便自己以后查找。
...1、required属性：
<form> <input id="huozheweb_required" name="www.huozheweb.com" required type="text"/> <input type="submit" value="提交"/> </form>
required属性可以用在大多数的输入元素上（除了隐藏元素、图片元素按钮上等）。
...progress标签：
从名字上来看，估计大家也能猜到这个标签是什么标签了，没错，他是一个进度条。在HTML5中我们终于可以不用模拟了。
<progress id="huozheweb_progress" max="100"></progress>
progress属性：
value：表示当前进度
...文档声明，定义和用法
声明必须位于HTML5文档中的第一行，也就是位于标签之前。该标签告知浏览器文档所使用的HTML规范。
doctype声明不属于HTML标签;它是一条指令，告诉浏览器编写页面所用的标记的版本。
在所有HTML文档中规定doctype是非常重要的，这样浏览器就能了解预期的文档类型。
HTML4.01中的doctype需要对DTD进行引用，因为HTML4.01基于SGML。而HTML5不基于SGML，因此不需要对DTD进行引用，但是需要doctype来规范浏览器的行为（让浏览器按照它们应该的方式来运行。）。
...