HTML5

新增布局标签

标签名	语义
header	整个页面，或部分区域的头部
footer	整个页面，或部分区域的底部
nav	导航
acticle	文章、帖子、杂志、新闻、博客、评论等
section	页面中的某段文字，或文章中的某段文字（里面文字通常会包含标题）
aside	侧边栏
main	文档的主要内容，几乎不用
hgroup	包裹连续的标题，如文章主标题、副标题的组合

---

新增状态标签

meter标签

语义：定义一直范围内的标量测量，也被称为gauge（尺度）。用于：电量、磁盘用量等

属性	描述
high	规定高值
low	规定低值
max	规定最大值
min	规定最小值
optimum	规定最优值
value	设定当前值

---

progress标签

语义：显示某个任务完成的进度的指示器，一般用于表示进度条，例如：工作完成进度等

属性	描述
max	规定目标值
value	设定当前值

---

新增列表标签

标签名	语义
datalist	用于搜索框的关键字提示
details	用于展示问题或答案，或对专有名词进行解释
summary	写在details的里面，用于指定问题或专有名词

---

新增文本标签

标签名	语义
ruby	包裹需要注音的问题
rt	写注音，rt标签写在ruby标签的里面
mark	标记（W3C建议使用mark标签标记搜索结果中的关键字）

---

新增表单控件属性

属性名	功能
placeholder	提示文字（注意：不是默认值，默认值是value），适用于文字输入类的表单控件
required	表示该输入项必填，适用于除按钮外其他表单控件
autofocus	自动获取焦点，适用于所有表单控件
autocomplete	自动完成，可以设置为on或者off，适用于文字输入类的表单控件
pattern	填写正则表达式，适用于文本输入类表单控件，注意：多行输入不可用，且空的输入框不会验证，通常与required标签连用

---

input标签的type属性值

属性值	功能
email	邮箱类型
url	url类型
number	数字类型
search	搜索类型
tel	电话类型
range	范围选择
color	颜色选择
date	日期选择
month	月份选择
week	周选择
time	时间选择
datetime-local	日期+时间选择

---

新增的多媒体标签

video标签

属性值	值	功能
src	url地址	视频地址
controls	-	向用户显示视频控件
muted	-	视频静音
autoplay	-	视频自动播放
loop	-	循环播放
poster	url地址	视频封面
preload	auto/metadata/none	视频预加载

audio标签

音频标签对比视频标签少了封面属性，其他属性相同

---

HTML5的兼容性处理

对于一些HTML5新增的标签，也应该兼容一些不支持这些元素的浏览器，对于这种情况也是有多种解决方案

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

当浏览器小于ie9时，这段注释会被解开，浏览器会导入这个js文件，以此来完成对老旧ie浏览器的支持

除此之外，还可以添加一些元数据标签

<!-- 让IE浏览器处于一个最优的渲染模式 -->
<meta http-equiv="X-UA-compatible" content"IE=edge">

<!-- 针对一些国产的“双核”浏览器的设置，让浏览器优先使用webkit内核渲染网页 -->
<meta name="render" content="webkit">

---