HTML世界之标签Ⅶ
.png)
目录
一、source 标签
二、span 标签
三、strong 标签
四、style 标签
五、sub 标签
六、summary 标签
七、sup 标签
八、textarea 标签
九、template 标签
十、time 标签
十一、title 标签
十二、track 标签
十三、video 标签
十四、wbr 标签
一、source 标签
标签为媒体元素（比如 和 ）定义媒体资源。
标签允许规定两个视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。
| 属性 | 值 | 描述 |
| media | media_query | 规定媒体资源的类型，供浏览器决定是否下载。 |
| src | URL | 规定媒体文件的 URL。 |
| type | MIME_type | 规定媒体资源的 MIME 类型。 |
| sizes | 不同页面布局设置不同图片大小。 | |
| srcset | URL | 应用于标签时需要使用到。指定在不同情况下使用的图像 URL。 |
语法：
二、span 标签
用于对文档中的行内元素进行组合。
标签没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。如果不对 应用样式，那么 元素中的文本与其他文本不会任何视觉上的差异。
标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。
被 元素包含的文本，可以使用 CSS 对它定义样式，或者使用 JavaScript 对它进行操作。
语法：
蓝色
三、strong 标签
标签是一个短语标签，用来定义计算机程序的样本重要的文本。
写法：
加粗文本
四、style 标签
标签定义 HTML 文档的样式信息。
在 元素中，可以规定在浏览器中如何呈现 HTML 文档。
每个 HTML 文档能包含多个 标签。
| 属性 | 值 | 描述 |
| media media_query 为样式表规定不同的媒体类型。 | media media_query 为样式表规定不同的媒体类型。 | media media_query 为样式表规定不同的媒体类型。 |
| scopedNew scoped 如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。 | scopedNew scoped 如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。 | scopedNew scoped 如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。 |
| type text/css 规定样式表的 MIME 类型。 | type text/css 规定样式表的 MIME 类型。 | type text/css 规定样式表的 MIME 类型。 |
五、sub 标签
标签定义下标文本。下标文本将会显示在当前文本流中字符高度的一半为基准线的下方，但是与当前文本流中文字的字体和字号都是一样的。下标文本能用来表示化学公式，比如 H2O。
写法：
六、summary 标签
标签为 元素定义一个可见的标题。 当用户点击标题时会显示出详细信息。
写法：
Epcot Center
Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.
七、sup 标签
标签定义上标文本。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方，但是与当前文本流中文字的字体和字号都是一样的，上标文本能用来添加脚注。
写法：
八、textarea 标签
标签定义一个多行的文本输入控件。
文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。
可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小，不过更好的办法是使用 CSS 的 height 和 width 属性。
| 属性 | 值 | 描述 |
| autofocus | autofocus | 规定当页面加载时，文本区域自动获得焦点。 |
| cols | number | 规定文本区域内可见的宽度。 |
| disabled | disabled | 规定禁用文本区域。 |
| form | form_id | 定义文本区域所属的一个或多个表单。 |
| maxlength | number | 规定文本区域允许的最大字符数。 |
| name | text | 规定文本区域的名称。 |
| placeholder | text | 规定一个简短的提示，描述文本区域期望的输入值。 |
| readonly | readonly | 规定文本区域为只读。 |
| required | required | 规定文本区域是必需的/必填的。 |
| rows | number | 规定文本区域内可见的行数。 |
| wrap | hard soft | 规定当提交表单时，文本区域中的文本应该怎样换行。 |
写法：
我是一个文本框。
九、template 标签
标签定义在页面加载时隐藏的一些内容，该标签中的内容可以稍后使用 JavaScript 呈现。
如果有一些需要重复使用的 HTML 代码，则可以使用 设置为公用的模板。
十、time 标签
标签定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的。
该元素能够以机器可读的方式对日期和时间进行编码，这样，举例说，用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。
| 属性 | 值 | 描述 |
| datetime | datetime | 规定日期/时间。另一种方式，则是由元素的内容给定日期/时间。 |
| pubdate | datetime | 指示 元素中的日期 / 时间是文档（或最近的前辈 元素）的发布日期 |
十一、title 标签
标签定义文档的标题，在所有 HTML 文档中是必需的。
元素：
定义浏览器工具栏中的标题
提供页面被添加到收藏夹时的标题
显示在搜索引擎结果中的页面标题
注释：一个 HTML 文档中不能有一个以上的 元素。
提示：如果遗漏了 标签，文档作为 HTML 是无效的。
写法：
十二、track 标签
标签为媒体元素（比如 and ）规定外部文本轨道，也就是字幕，字幕格式有 WebVTT 格式（.vtt 格式文件）。
这个元素用于规定字幕文件或其他包含文本的文件，当媒体播放时，这些文件是可见的。
| 属性 | 值 | 描述 |
| default | default | 规定该轨道是默认的。如果用户没有选择任何轨道，则使用默认轨道。 |
| kind | captions 该轨道定义将在播放器中显示的简短说明。 chapters 该轨道定义章节，用于导航媒介资源。 descriptions 该轨道定义描述，用于通过音频描述媒介的内容，假如内容不可播放或不可见。 metadata 该轨道定义脚本使用的内容。 subtitles 该轨道定义字幕，用于在视频中显示字幕。 | 规定文本轨道的文本类型。 |
| label | text | 规定文本轨道的标签和标题。 |
| src | URL | 必需的。规定轨道文件的 URL。 |
| srclang | language_code | 规定轨道文本数据的语言。如果kind属性值是 "subtitles"，则该属性是必需的。 |
十三、video 标签
标签定义视频，比如电影片段或其他视频流。
| 属性 | 值 | 描述 |
| autoplay。 | autoplay | 如果出现该属性，则视频在就绪后马上播放。 |
| controls | controls | 如果出现该属性，则向用户显示控件，比如播放按钮。 |
| height | pixels | 设置视频播放器的高度。 |
| loop | loop | 如果出现该属性，则当媒介文件完成播放后再次开始播放。 |
| muted | muted | 如果出现该属性，视频的音频输出为静音。 |
| poster | URL | 规定视频正在下载时显示的图像，直到用户点击播放按钮。 |
| preload | auto 指示一旦页面加载，则开始加载音频/视频。 metadata 指示当页面加载后仅加载音频/视频的元数据。 none 指示页面加载后不应加载音频/视频。 | 如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。 |
| src | URL | 要播放的视频的 URL。 |
| width | pixels | 设置视频播放器的宽度。 |
十四、wbr 标签
(Word Break Opportunity) 标签规定在文本中的何处适合添加换行符。
提示：如果单词太长，或者担心浏览器会在错误的位置换行，那么可以使用 元素来添加 Word Break Opportunity（单词换行时机）。
写法：
