HTML5新增标签

1.新增的布局语义化标签

image.png

2.多媒体标签

1. 视频<video>

image.png

语法：

 <video src="文件地址" controls="controls"></video>
或
 <video controls="controls" width="300">
 <source src="move.ogg" type="video/ogg" >
 <source src="move.mp4" type="video/mp4" >
 您的浏览器暂不支持 <video> 标签播放视频
 </ video >

——常见属性

image.png

2. 音频<audio>

image.png

语法：

 <audio src="文件地址" controls="controls"></audio>
或
 < audio controls="controls" >
 <source src="happy.mp3" type="audio/mpeg" >
 <source src="happy.ogg" type="audio/ogg" >
 您的浏览器暂不支持 <audio> 标签。
 </ audio>

image.png

3.HTML5 新增的 input 类型

image.png

.

4.HTML5 新增的表单属性

image.png