学习视频：尚硅谷前端入门html+css零基础教程，零基础前端开发html5+css3视频 P57-147
（以下笔记为作者学习并参考尚硅谷相关学习资料整理）
目录
一、html5
1、什么是HTML5
2、HTML5 优势
3、新增语义化标签
3.1新增布局标签
3.2. 新增状态标签
3.2.1 meter 标签
3.2.2 progress 标签
3.3. 新增列表标签
3.4新增文本标签
3.4.1 文本注音
3.4.2 文本标记 mark
4、新增表单功能
4.1表单控件新增属性
4.2input 新增属性值
4.3form 标签新增属性
5、新增多媒体标签
5.1视频标签
5.2音频标签
6、新增全局属性（了解）
7、HTML5兼容性处理
二、css3
一、html5
1、什么是HTML5
HTML5 是新一代的 HTML 标准，2014年10月由万维网联盟（ W3C ）完成标准制定。
官网地址：
W3C 提供： https://www.w3.org/TR/html/index.html
WHATWG 提供：https://whatwg-cn.github.io/html/multipage
HTML5 在狭义上是指新一代的 HTML 标准，在广义上是指：整个前端。
2、HTML5 优势
1. 针对 JavaScript ，新增了很多可操作的接口。
2. 新增了一些语义化标签、全局属性。
3. 新增了多媒体标签，可以很好的替代 flash 。
4. 更加侧重语义化，对于 SEO 更友好。
5. 可移植性好，可以大量应用在移动设备上
3、新增语义化标签
3.1新增布局标签
| 标签名 | 语义 |
| header | 整个页面，或部分区域的头部 |
| footer | 整个页面，或部分区域的底部 |
| nav | 导航 |
| article | 文章、帖子、杂志、新闻、博客、评论等。 |
| section | 页面中的某段文字，或文章中的某段文字（里面文字通常里面会包含标题）。 |
| aside | 侧边栏 |
| main | 文档的主要内容 ( WHATWG 没有语义， IE 不支持)，几乎不用。 |
| hgroup | 包裹连续的标题，如文章主标题、副标题的组合 （ W3C 将其删除） |
关于 article 和 section ：（面试问题）
1. artical 里面可以有多个 section 。
2. section 强调的是分段或分块，如果你想将一块内容分成几段的时候，可使用 section 元素。
3. article 比 section 更强调独立性，一块内容如果比较独立、比较完整，应该使用article 元素。
3.2. 新增状态标签
3.2.1 meter 标签
语义：定义已知范围内的标量测量。也被称为 gauge（尺度），双标签，例如：电量、磁盘用量
| 属性 | 值 | 描述 |
| high | 数组 | 规定高值 |
| low | 规定低值 | |
| max | 规定最大值 | |
| min | 规定最小值 | |
| optimum | 规定最优值 | |
| value | 规定当前值 |
3.2.2 progress 标签
语义：显示某个任务完成的进度的指示器，一般用于表示进度条，双标签，例如：工作完成进度
| 属性 | 值 | 描述 |
| max | 数值 | 规定目标值 |
| value | 规定当前值 |
