HTML世界之标签Ⅶ

一、source 标签

二、span 标签

三、strong 标签

四、style 标签

五、sub 标签

六、summary 标签

七、sup 标签

八、textarea 标签

九、template 标签

十、time 标签

十一、title 标签

十二、track 标签

十三、video 标签

十四、wbr 标签

一、source 标签

<source> 标签为媒体元素（比如 <video> 和 <audio>）定义媒体资源。

<source> 标签允许规定两个视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

属性	值	描述
media	media_query	规定媒体资源的类型，供浏览器决定是否下载。
src	URL	规定媒体文件的 URL。
type	MIME_type	规定媒体资源的 MIME 类型。
sizes		不同页面布局设置不同图片大小。
srcset	URL	<source>应用于<picture>标签时需要使用到。指定在不同情况下使用的图像 URL。

语法：

<source src="" type="">

二、span 标签

<span> 用于对文档中的行内元素进行组合。

<span> 标签没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。如果不对 <span> 应用样式，那么 <span> 元素中的文本与其他文本不会任何视觉上的差异。

<span> 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。

被 <span> 元素包含的文本，可以使用 CSS 对它定义样式，或者使用 JavaScript 对它进行操作。

语法：

<span style="color:blue">蓝色</span>

三、strong 标签

<strong> 标签是一个短语标签，用来定义计算机程序的样本重要的文本。

写法：

<strong>加粗文本</strong>

四、style 标签

在 <style> 元素中，可以规定在浏览器中如何呈现 HTML 文档。

每个 HTML 文档能包含多个 <style> 标签。

属性	值	描述
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 标签

<sub> 标签定义下标文本。下标文本将会显示在当前文本流中字符高度的一半为基准线的下方，但是与当前文本流中文字的字体和字号都是一样的。下标文本能用来表示化学公式，比如 H2O。

写法：

<sub></sub>

六、summary 标签

<summary> 标签为 <details> 元素定义一个可见的标题。当用户点击标题时会显示出详细信息。

写法：

<details>

<summary>Epcot Center</summary>

<p>Epcot is a theme park at Walt Disney World Resort featuring exciting attractions, international pavilions, award-winning fireworks and seasonal special events.</p>

</details>

七、sup 标签

<sup> 标签定义上标文本。上标文本将会显示在当前文本流中字符高度的一半为基准线的上方，但是与当前文本流中文字的字体和字号都是一样的，上标文本能用来添加脚注。

写法：

<sup></sup>

八、textarea 标签

<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	规定当提交表单时，文本区域中的文本应该怎样换行。

写法：

<textarea rows="10" cols="30">

我是一个文本框。

</textarea>

九、template 标签

<template> 标签定义在页面加载时隐藏的一些内容，该标签中的内容可以稍后使用 JavaScript 呈现。

如果有一些需要重复使用的 HTML 代码，则可以使用 <template> 设置为公用的模板。

十、time 标签

<time> 标签定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的。

该元素能够以机器可读的方式对日期和时间进行编码，这样，举例说，用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。

属性	值	描述
datetime	datetime	规定日期/时间。另一种方式，则是由元素的内容给定日期/时间。
pubdate	datetime	指示 <time> 元素中的日期 / 时间是文档（或最近的前辈 <article> 元素）的发布日期

十一、title 标签

<title> 标签定义文档的标题，在所有 HTML 文档中是必需的。

<title>元素：

定义浏览器工具栏中的标题

提供页面被添加到收藏夹时的标题

显示在搜索引擎结果中的页面标题

注释：一个 HTML 文档中不能有一个以上的 <title> 元素。

提示：如果遗漏了 <title> 标签，文档作为 HTML 是无效的。

写法：

<title></title>

十二、track 标签

<track> 标签为媒体元素（比如 <audio> and <video>）规定外部文本轨道，也就是字幕，字幕格式有 WebVTT 格式（.vtt 格式文件）。

这个元素用于规定字幕文件或其他包含文本的文件，当媒体播放时，这些文件是可见的。

属性	值	描述
default	default	规定该轨道是默认的。如果用户没有选择任何轨道，则使用默认轨道。
kind	captions 该轨道定义将在播放器中显示的简短说明。 chapters 该轨道定义章节，用于导航媒介资源。 descriptions 该轨道定义描述，用于通过音频描述媒介的内容，假如内容不可播放或不可见。 metadata 该轨道定义脚本使用的内容。 subtitles 该轨道定义字幕，用于在视频中显示字幕。	规定文本轨道的文本类型。
label	text	规定文本轨道的标签和标题。
src	URL	必需的。规定轨道文件的 URL。
srclang	language_code	规定轨道文本数据的语言。如果kind属性值是 "subtitles"，则该属性是必需的。

十三、video 标签

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

属性	值	描述
autoplay。	autoplay	如果出现该属性，则视频在就绪后马上播放。
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮。
height	pixels	设置视频播放器的高度。
loop	loop	如果出现该属性，则当媒介文件完成播放后再次开始播放。
muted	muted	如果出现该属性，视频的音频输出为静音。
poster	URL	规定视频正在下载时显示的图像，直到用户点击播放按钮。
preload	auto 指示一旦页面加载，则开始加载音频/视频。 metadata 指示当页面加载后仅加载音频/视频的元数据。 none 指示页面加载后不应加载音频/视频。	如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src	URL	要播放的视频的 URL。
width	pixels	设置视频播放器的宽度。