html5新增特性

< !DOCTYPE html>： 是html5标准网页声明 第五次重大修改
html5的优势：

1. 摆脱对平台的依赖
2. 实时更新
3. 离线使用
4. 代码更安全，可以将web全部加密
5. 跨平台，移动网站，pc 插件
6. 可以充分利用Native，Gps，相机，联系人

语义化标签的好处

1. HTML结构清晰
2. 代码可读性好
3. 无障碍阅读
4. 搜索引擎可以根据标签的语义进行上下文权重
5. 移动设备完美展现
6. 便于团队维护和开发

h5新增的特性

新增的语义标签

	<nav>导航</nav>
	<article>主体</article>
	<section>用来表示 段或者章节 (模块)</section>
	<aside>主体之外的附属信息 例如侧边广告栏</aside>
	<time>9:00</time>
	
	<!--非主体元素-->
	<header>用在页面的头部</header>
	<footer>用在页面的底部</footer>
	<address>标签定义文档坐着或拥有的联系信息</address>
	<main>定义文档的主要内容</main>

进度条

<progress value="25" min="0" max="50" id="pro"></progress>

新增的表单控件

	email: <input type="email" name=""  value="" />
	电话号码： <input type="tel" name="" value="" />
	<!--在移动端会有键盘的切换-->
	搜索： <input type="search" name="" value="" />
	网址：<input type="url" />
	数字： <input type="number" />
	<!--step 每次移动的增量    min:最小值   max:最大值  value: 初始位置-->
	数值选择器： <input type="range" step="1" min="0" max="10" value="10"/>
	颜色：<input type="color" id="col"/>
	日期：<input type="date" />
	时间： <input type="time" name="" id="" value="" />
	周：<input type="week" />
	月：<input type="month" />
	<input type="submit" name="" id="" value="提交" />

新增的表单属性
placeholder : 提示信息
autocomplete : 是否保存用户输入值(取消提示信息)
autofocus : 指定表单获取输入焦点
required : 表示此项必填 ，不能为空
pattern : 正则验证 pattern="\d{1,5}"
formaction : 在submit里定义提交地址
formmethod : 选择数据提交方式 get post

	<form action="https://www.baidu.com/" autocomplete="on">
	    <input type="text" placeholder="请输入字符~~" autofocus="autofocus"/>
	    <input type="password"/>
	    <input type="text" placeholder="请输入1-5位数字" autofocus="autofocus"  pattern="^\d{1,5}"/>
	    <input type="email" name=""  value=""  required="required"/>
	    <input type="submit" value="提交"/>
	    <input type="submit" value="保存到草稿" formaction="http://www.w3school.com.cn/html5/att_input_type.asp" formmethod="get"/>
	
	</form>