你可能不知道但很有用的标签

audio

标签定义声音，比如音乐或其他音频流。

• autoplay='autoplay' 如果出现该属性，则音频在就绪后马上播放。
• controls='controls' 如果出现该属性，则向用户显示控件，比如播放按钮。
• loop='loop' 如果出现该属性，则每当音频结束时重新开始播放。
• muted='muted' 规定视频输出应该被静音。
• preload='preload' 如果出现该属性，则音频在页面加载时进行加载，并预备播放。使用 "autoplay"，则忽略该属性。
• src='URL' 要播放的音频的 URL。

DEMO

video

标签定义视频，比如电影片段或其他视频流。

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

DEMO

博客园将 video 标签渲染出来之后就不能渲染后面的内容了，故此处不写 video标签了。

blockquote

标签定义块引用。

  很多人觉得它非常简单，确实，从本质上来说，它都算不上一中语言，只是一种描述型的标签。所以，在写业务的时候，大多数人都是全屏的div和span，完全满足要求，实现效果完美。

很多人觉得它非常简单，确实，从本质上来说，它都算不上一中语言，只是一种描述型的标签。所以，在写业务的时候，大多数人都是全屏的div和span，完全满足要求，实现效果完美。

• cite='URL' 规定引用的来源。

output

标签定义不同类型的输出，比如脚本的输出。

• for='element_id' 定义输出域相关的一个或多个元素。
• form='form_id' 定义输入字段所属的一个或多个表单。
• name='name' 定义对象的唯一名称。（表单提交时使用）。

0
  100
  +
  =

0 100 + =

picture

元素通过包含零或多个 元素和一个 元素来为不同的显示/设备场景提供图像版本。

• srcset='URL' 必填，引用图片的url
• media='(min-width=700px)' 允许你提供一个用于媒体查询的条件
• size 定义图片的宽度值，或者一些媒体查询的值
• type 允许你为 元素的 srcset 属性指向的资源指定一个 MIME 类型。如果用户代理不支持指定的类型，那么这个 元素会被跳过。

DEMO

progress

标签标示任务的进度（进程）。

• max='number' 规定任务一共需要多少工作。
• value='number' 规定已经完成多少任务。

meter

标签定义已知范围或分数值内的标量测量。也被称为 gauge（尺度）。例子：磁盘用量、查询结果的相关性，等等。 标签不应用于指示进度（在进度条中）。如果标记进度条，请使用 标签。

• form='form_id' 规定 元素所属的一个或多个表单。
• high='number' 规定被视作高的值的范围。
• low='number' 规定被视作低的值的范围。
• max='number' 规定范围的最大值。
• min='number' 规定范围的最小值。
• optimum='number' 规定度量的优化值。
• value='number' 必需。规定度量的当前值。

template