目录
[一、source 标签](#一、source 标签)
[二、span 标签](#二、span 标签)
[三、strong 标签](#三、strong 标签)
[四、style 标签](#四、style 标签)
[五、sub 标签](#五、sub 标签)
[六、summary 标签](#六、summary 标签)
[七、sup 标签](#七、sup 标签)
[八、textarea 标签](#八、textarea 标签)
[九、template 标签](#九、template 标签)
[十、time 标签](#十、time 标签)
[十一、title 标签](#十一、title 标签)
[十二、track 标签](#十二、track 标签)
[十三、video 标签](#十三、video 标签)
[十四、wbr 标签](#十四、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 文档的样式信息。
在 <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 | 设置视频播放器的宽度。 |
十四、wbr 标签
<wbr> (Word Break Opportunity) 标签规定在文本中的何处适合添加换行符。
提示：如果单词太长，或者担心浏览器会在错误的位置换行，那么可以使用 <wbr> 元素来添加 Word Break Opportunity（单词换行时机）。
写法：
<wbr><wbr>