HTML标签

<label>标签

作用：在HTML中<label>标签不会向用户展示任何特殊内容,它的作用是把自己与其他标签"绑定"起来（当用户点击<label>标签中的文本时，浏览器就会自动将焦点转到和该标签相关联的控件上；）

与其他元素关联的方式有两种：

1. 显示联系：通过<label>的 “for” 属性和目标标签的 ID 来完成
2. 隐式联系：通过标签嵌套完成

<label>标签语法格式

<label for="关联控件的id" form="所属表单id列表">文本内容</label>

1.关联控件的id一般指的是input元素的id；
2.在html5中还新增了一个属性form，form属性是用来规定所属的一个或多个表单的 id 列表；
3.当<label>标签不在表单标签中时，就需要使用form属性来指定所属表单；

举个例子：

<form action="" id="form1">
  <input type="checkbox" id="basketball" /><label for="basketball">篮球</label>
  <input type="checkbox" id="football" /><label for="football">足球</label>
  <input type="checkbox" id="tableTennis" /><label for="tableTennis">乒乓球</label>
</form>
<br /><br />
<label for="football" form="form1">足球</label>

运行结果：

<video>标签

单个视频：

<video src="movie.mp4" controls></video>

多个视频：

<video width="320" height="240" controls>
	<source src="movie.mp4" type="video/mp4"></source>
	<source src="movie.ogg" type="video/ogg"></source>
</video>

属性	值	描述
autoplay	autoplay	视频在就绪后马上播放。
controls	controls	向用户显示控件，比如播放按钮。
height	px	设置视频播放器的高度。
width	px	设置视频播放器的宽度。
loop	loop	当媒介文件完成播放后再次开始播放。
muted	muted	规定视频的音频输出应该被静音。
poster	URL	规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。
preload	preload	视频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。
src	URL	要播放的视频的 URL。

<source>标签

<source>标签为媒介元素（比如 <video>和 <audio>）定义媒介资源。
<source>标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

属性	值	描述
media	media query	规定媒体资源的类型。
src	url	规定媒体文件的 URL。
type	numeric value	规定媒体资源的 MIME 类型。

type：

1. 用于视频：video/ogg 、video/mp4 、video/webm
2. 用于音频：audio/ogg 、audio/mpeg