1、新增语义化标签

<header></header>		头部
<nav></nav>			    导航
<section></section>		章节、段落
<article></article>		文章
<aside></aside>			侧边栏
<footer></footer>		底部

2、新增状态标签

2-1、meter标签

标签：	
	<meter></meter>		
	
语义：标签定义已知范围或分数值内得标量测量
属性：max		最大值
	 min	  最小值
	 value	  当前值
	 high	  极值
	 low	  极值
	 optimum   最优值
	 	
说明：如果超出极值范围那么颜色会变成黄色
	 如果在有最优值的情况下，当前值低于极值最小值就是	红色，在极值范围内就是黄色，高于极值最大值就是绿色；

1-2、progress标签

标签：
	<progress></progress>
语义：显示某个任务完成得进度得指示器，一般用于表示进度条
属性：max		规定需要完成的值
	 value	  规定进程的当前值
说明：一般结合js使用有动画效果；

总结：meter和progress有什么区别？（重要）

meter 表示静态的度量，progress表示动态的进度。

注意：meter和progress在不同浏览器表现得样式不同，而且不容易设置样式，所以两个标签不常用，但是区别得知道；

3、新增列表标签

3-1、datalist标签

标签：
	<datalist></datalist>

语义：
	用于搜索框关键字提示

说明：
	datalist会包含一组option元素，这些元素表示其表单控件得可选值；datalist中的id值必须和input中的list值一样；

3-2 details标签

标签：
	<details></details>
	
语义：
	用于展示问题和答案 或者专有名词和专有名词的解释

说明：
	该标签用于描述文档或文档某个部分的细节，与<summary>标签配合使用可以为details定义标题，标题是可见的，用户点击标题时会显示details

4、新增注音标签

标签：
	<ruby>
		<rt></rt>
	</ruby>

说明：
	ruby	包裹需要注音的文字
	rt		里面写注音，rt标签写在ruby里

5、新增mark标签

标签：
	<mark></mark>
说明：
	定义带有记号的文字，需要在突出显示文本时使用

6、新增的表单功能

6-1、表单控件属性

1) placeholder:		设置提示文字； 用于文本输入类的表单控件（如文本输入框、密码输入框、文本域等）。
2） autofocus:		自动获取焦点，无需给值；适用于所有表单控件；
3） autocomplete		设置表单控件是否记录输入历史，适用于文本输入类的表单控件；
4）required			设置该表单控件必填或必选；无需设置值，如果设置了该值又没有填写内容，则提交时会显示无法提交；
5）pattern			指定正则验证表单控件的格式，往往与required配合使用；
6）multiple			该属性设置input元素是否可以有多个值，该值只适用于Email和file类

6-2、input的type属性值

1) email		邮箱
2）url		   网址
3）number	   数字	（可以设置max min step）
4)search	    搜索框
5）tel		   电话号码，移动端弹出数字键盘

6-3、范围选择框

type属性值：
	range	范围选择框
	
属性：
	value	max		min

6-4、颜色选择框

type属性值：
	color	颜色选择框

6-5、时间日期选择类

1) date		选择日期（年月日）
2）month		选择哪一年哪一月
3）week		选择哪一年的第几周
4）time		选择时间（时分）
5）datetime-local	选择日期和时间

6-6、form标签新增的属性

novalidate属性：如果给form标签设置了该属性，表单提交时不在需要验证

<form action="1.php" target="_blank" novalidate>
   <button>提交</button>
</form>

7、新增的音视频标签

7-1、视频标签

标签：
	<video></video>		该元素支持后缀为.MP4 .WebM .Ogg三种视频格式。但是尽量用MP4
	
属性：
	src="URL"		要播放视频的路径
	width			设置视频播放器的宽度
	height			设置视频播放器的高度
	control			该属性设置回向用户显示播放按钮
	muted			该属性将视频设置为静音状态
	autoplay		该属性是当视频就绪后马上播放
	loop			如果出现该属性则重复播放
	poster="url"	 设置当视频加载时显示的图片，直到视频播放时
	preload			如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性.

7-2 音频标签

标签：
	<audio></audio>		该元素支持后缀为.MP3 .Wav .Ogg三种音频格式。但是尽量用MP3
	
属性：
	src="URL"		要播放音频的路径
	control			该属性设置回向用户显示播放按钮
	muted			该属性将音频设置为静音状态
	autoplay		该属性是当音频就绪后马上播放
	loop			如果出现该属性则重复播放
	preload			当页面加载时，音频是否默认被加载

7-3 兼容性写法

浏览器会匹配video标签中的source，如果支持就播放，如果不支持往下匹配，直到没有匹配的格式，就提示文本

视频：	
	1) type='video/webm; codecs="vp8, vorbis"'
	2)type='video/ogg; codecs="theora, vorbis"'
	3) type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'

音频：
	1）type='audio/ogg; codecs="vorbis"'
	2）type='audio/aac; codecs="aac"'
	3）type='audio/mpeg'
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <video controls>
        <source src="../sources/video/movie.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
        <source src="../sources/video/movie.webm" type='video/webm; codecs="vp8, vorbis"'>
        <source src="../sources/video/movie.ogg" type='video/ogg; codecs="theora, vorbis"'>
        您的破浏览器不支持视频
    </video>
</body>
</html>

8、兼容性处理

1、引入文件

<script src="../sources/js/html5shiv.js"></script>

2、条件注释

<!--[if IE 8]> 仅IE8可见 <![endif]--> 
 
 <!--[if gt IE 8]>仅IE 8以上可见<![endif]-->
 
 <!--[if lt IE 8]>仅IE 8以下可见<![endif]-->
 
 <!--[if gte IE 8]>IE 8及以上可见<![endif]-->
 
 <!--[if lte IE 8]>IE 8及以下可见<![endif]-->
 
 <!--[if !IE 8]>非IE 8的IE可见<![endif]-->
 
 <!--[if !IE]>您使用不是 Internet Explorer <![endif]-->

3、使用

<!--[if lt ie 9]>
    <script src="../sources/js/html5shiv.js"></script>
    <![endif]-->