一、 新增结构性标签
- header 定义网页的头部
- nav 定义导航连接
- section 定义网页的某个区域
- aside 定义侧边栏
- article 定义网页的一遍文章
- main 定义网页的主体部分(兼容性不好)
- footer 定义网页的底部
- hgroup 将网页的元素进行组合
- figure 将网页的元素进行组合
- figcaption 给figure组合添加一个标题
- dialog 类似于会话框
二、 新增其他标签
- 定义带有记号的文本
语法： <Mark></Mark>
- 定义已知范围内的标量或测量
语法： <meter value="10" min="0" max="100"></meter>
- 定义任务的进度或者进程
语法：<progress value="10" min="0" max="100"></progress>
扩展: <canvas></canvas> 用于绘制图像
用于定义外部可交互的内容或者插件，列如flash
三、音频和视频
1.音频 audio
语法: <audio controls autoplay loop muted> <source scr="1.mp3" type="audio/mp3"> <source scr="2.wav" type="audio/wav"> <source scr="3.ogg" type="audio/ogg">您的浏览器 </audio>
注：
- controls 添加音频控制条
- autoplay 自动播放
- loop 循环播放
- muted 静音
注：audio支持的音频格式： mp3/ogg/wav
2.视频
语法： <video controls autoplay loop muted poster="1.jpg" width="value" height="value"> <source src="1.mp4" type="video/mp4"> <source src="1.ogg" type="video/ogg"> <source src="1.webm" type="video/webm"> 您的浏览器 </video>
注：
- width和height定义视频区域的宽度和高度
- poster设置在视频播放前显示的一张图片
注：video支持的视频格式： mp4/mpeg4/ogg/webm
四、 h5新增type属性值
- type="email" 限制用户输入为邮箱类型
注： 必须含有@，并且@前后内容不为空；
- type="url" 限制用户输入为url类型
注： 必须以http开头，后面内容不能为空
- type="number" 限制用户输入为数字类型
eg:<input type="number" value="1" min="1" max="100" step="2" />
注： step用来设置每次递增递减的数量，默认值为1；
-
type="range" 产生一个滑动条的表单；
-
type="color"产生一个选择颜色的面板；
-
type="date"选择一个日期；
-
type="time"选择一个时间；
-
type="month"选择年月；
-
type="week"选择某一日期是这一年的第几周；
-
type="search"产生一个搜索意义的表单；
h5新增表单属性
- placeholder="文本" 给表单元素添加一个默认文本内容；
- required="required"限制用户输入为必填项，不能为空；
- autofocus="autofocus"页面加载完成后，自动聚焦在某个输入框；
- pattern="正则表达式" 输入内容匹配指定的正则表达式；
- autocomplete="on/off"自动完成历史记录功能，默认为on，开启；
- multiple="multiple"上传多个文件；
- novalidate="novalidate"取消h5的表单验证；
- list="data"指定一个datalist作为下拉提示单；
eg: <input type="seach" list="data"> <datalist id="data"><option>hello</option>...</datalist>
接下来进入css3 =>
