HTML 标签分类

ゞ浴缸里的玫瑰 2023-10-18 11:09 122阅读 0赞

#### 基础 ####

<table> 
 <thead> 
  <tr> 
   <th>标签名称</th> 
   <th>功能描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt;!DOCTYPE&gt;</td> 
   <td>定义文档类型</td> 
  </tr> 
  <tr> 
   <td>&lt; html&gt;</td> 
   <td>定义一个 HTML 文档</td> 
  </tr> 
  <tr> 
   <td>&lt; title &gt;</td> 
   <td>为文档定义一个标题</td> 
  </tr> 
  <tr> 
   <td>&lt; body&gt;</td> 
   <td>定义文档的主体</td> 
  </tr> 
  <tr> 
   <td>&lt; h1 &gt; to &lt; h6&gt;</td> 
   <td>定义 HTML 标题</td> 
  </tr> 
  <tr> 
   <td>&lt; p &gt;</td> 
   <td>定义一个段落</td> 
  </tr> 
  <tr> 
   <td>&lt; br &gt;</td> 
   <td>定义简单的折行</td> 
  </tr> 
  <tr> 
   <td>&lt; hr &gt;</td> 
   <td>定义水平线</td> 
  </tr> 
  <tr> 
   <td>&lt; !–…-- &gt;</td> 
   <td>定义一个注释</td> 
  </tr> 
 </tbody> 
</table>

#### 文本格式 ####

<table> 
 <thead> 
  <tr> 
   <th>标签名称</th> 
   <th>功能描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; acronym&gt;</td> 
   <td>HTML5不再支持。 定义只取首字母的缩写。</td> 
  </tr> 
  <tr> 
   <td>&lt; abbr&gt;</td> 
   <td>定义一个缩写。</td> 
  </tr> 
  <tr> 
   <td>&lt; address&gt;</td> 
   <td>定义文档作者或拥有者的联系信息。</td> 
  </tr> 
  <tr> 
   <td>&lt; b&gt;</td> 
   <td>定义粗体文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; bdo&gt;</td> 
   <td>定义文本的方向。</td> 
  </tr> 
  <tr> 
   <td>&lt; big&gt;</td> 
   <td>HTML5不再支持。 定义大号文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; blockquote&gt;</td> 
   <td>定义块引用。</td> 
  </tr> 
  <tr> 
   <td>&lt; center&gt;</td> 
   <td>HTML5不再支持。 HTML 4.01 已废弃。定义居中文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; cite&gt;</td> 
   <td>定义引用(citation)。</td> 
  </tr> 
  <tr> 
   <td>&lt; code&gt;</td> 
   <td>定义计算机代码文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; del&gt;</td> 
   <td>定义被删除文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; dfn&gt;</td> 
   <td>定义定义项目。</td> 
  </tr> 
  <tr> 
   <td>&lt; em&gt;</td> 
   <td>定义强调文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; font&gt;</td> 
   <td>HTML5不再支持。 HTML 4.01 已废弃。 定义文本的字体、尺寸和颜色</td> 
  </tr> 
  <tr> 
   <td>&lt; i&gt;</td> 
   <td>定义斜体文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; ins&gt;</td> 
   <td>定义被插入文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; kbd&gt;</td> 
   <td>定义键盘文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; pre&gt;</td> 
   <td>定义预格式文本</td> 
  </tr> 
  <tr> 
   <td>&lt; q&gt;</td> 
   <td>定义短的引用。</td> 
  </tr> 
  <tr> 
   <td>&lt; s&gt;</td> 
   <td>定义加删除线的文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; samp&gt;</td> 
   <td>定义计算机代码样本。</td> 
  </tr> 
  <tr> 
   <td>&lt; small&gt;</td> 
   <td>定义小号文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; strike&gt;</td> 
   <td>HTML5不再支持。 HTML 4.01 已废弃。 定义加删除线的文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; strong&gt;</td> 
   <td>定义语气更为强烈的强调文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; sub&gt;</td> 
   <td>定义下标文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; sup&gt;</td> 
   <td>定义上标文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; time&gt;New</td> 
   <td>定义一个日期/时间</td> 
  </tr> 
  <tr> 
   <td>&lt; tt&gt;</td> 
   <td>HTML5不再支持。 定义打字机文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; u&gt;</td> 
   <td>定义下划线文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; var&gt;</td> 
   <td>定义文本的变量部分。</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <thead> 
  <tr> 
   <th>以下为 HTML5 新标签名称</th> 
   <th>功能</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; wbr&gt;</td> 
   <td>规定在文本中的何处适合添加换行符。</td> 
  </tr> 
  <tr> 
   <td>&lt; bdi&gt;</td> 
   <td>允许您设置一段文本，使其脱离其父元素的文本方向设置。</td> 
  </tr> 
  <tr> 
   <td>&lt; mark&gt;</td> 
   <td>定义带有记号的文本。</td> 
  </tr> 
  <tr> 
   <td>&lt; meter&gt;</td> 
   <td>定义度量衡。仅用于已知最大和最小值的度量。</td> 
  </tr> 
  <tr> 
   <td>&lt; progress&gt;</td> 
   <td>定义运行中的任务进度（进程）。</td> 
  </tr> 
  <tr> 
   <td>&lt; rp&gt;</td> 
   <td>定义不支持 ruby 元素的浏览器所显示的内容。</td> 
  </tr> 
  <tr> 
   <td>&lt; rt&gt;</td> 
   <td>定义字符（中文注音或字符）的解释或发音。</td> 
  </tr> 
  <tr> 
   <td>&lt; ruby&gt;</td> 
   <td>定义 ruby 注释（中文注音或字符）。</td> 
  </tr> 
 </tbody> 
</table>

#### 表单 ####

<table> 
 <thead> 
  <tr> 
   <th>标签名称</th> 
   <th>功能描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; form&gt;</td> 
   <td>定义一个 HTML 表单，用于用户输入。</td> 
  </tr> 
  <tr> 
   <td>&lt; input&gt;</td> 
   <td>定义一个输入控件</td> 
  </tr> 
  <tr> 
   <td>&lt; textarea&gt;</td> 
   <td>定义多行的文本输入控件。</td> 
  </tr> 
  <tr> 
   <td>&lt; button&gt;</td> 
   <td>定义按钮。</td> 
  </tr> 
  <tr> 
   <td>&lt; select&gt;</td> 
   <td>定义选择列表（下拉列表）。</td> 
  </tr> 
  <tr> 
   <td>&lt; optgroup&gt;</td> 
   <td>定义选择列表中相关选项的组合。</td> 
  </tr> 
  <tr> 
   <td>&lt; option&gt;</td> 
   <td>定义选择列表中的选项。</td> 
  </tr> 
  <tr> 
   <td>&lt; label&gt;</td> 
   <td>定义 input 元素的标注。</td> 
  </tr> 
  <tr> 
   <td>&lt; fieldset&gt;</td> 
   <td>定义围绕表单中元素的边框。</td> 
  </tr> 
  <tr> 
   <td>&lt; legend&gt;</td> 
   <td>定义 fieldset 元素的标题。</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <thead> 
  <tr> 
   <th>以下为 HTML5 新标签名称</th> 
   <th>功能</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; datalist&gt;</td> 
   <td>规定了 input 元素可能的选项列表。</td> 
  </tr> 
  <tr> 
   <td>&lt; keygen&gt;</td> 
   <td>规定用于表单的密钥对生成器字段。</td> 
  </tr> 
  <tr> 
   <td>&lt; output&gt;</td> 
   <td>定义一个计算的结果</td> 
  </tr> 
 </tbody> 
</table>

#### 框架 ####

<table> 
 <thead> 
  <tr> 
   <th>标签名称</th> 
   <th>功能描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; frame&gt;</td> 
   <td>定义框架集的窗口或框架。</td> 
  </tr> 
  <tr> 
   <td>&lt; frameset&gt;</td> 
   <td>定义框架集。</td> 
  </tr> 
  <tr> 
   <td>&lt; noframes&gt;</td> 
   <td>定义针对不支持框架的用户的替代内容。</td> 
  </tr> 
  <tr> 
   <td>&lt; iframe&gt;</td> 
   <td>定义内联框架。</td> 
  </tr> 
 </tbody> 
</table>

#### 图像 ####

<table> 
 <thead> 
  <tr> 
   <th>标签名称</th> 
   <th>功能描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; img&gt;</td> 
   <td>定义图像。</td> 
  </tr> 
  <tr> 
   <td>&lt; map&gt;</td> 
   <td>定义图像映射。</td> 
  </tr> 
  <tr> 
   <td>&lt; area&gt;</td> 
   <td>定义图像地图内部的区域。</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <thead> 
  <tr> 
   <th>以下为 HTML5 新标签名称</th> 
   <th>功能</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; canvas&gt;</td> 
   <td>通过脚本（通常是 JavaScript）来绘制图形（比如图表和其他图像）。</td> 
  </tr> 
  <tr> 
   <td>&lt; figcaption&gt;</td> 
   <td>定义一个 caption for a &lt; figure &gt; element</td> 
  </tr> 
  <tr> 
   <td>&lt; figure&gt;</td> 
   <td>figure 标签用于对元素进行组合。</td> 
  </tr> 
 </tbody> 
</table>

#### Audio/Video ####

<table> 
 <thead> 
  <tr> 
   <th>以下为 HTML5 新标签名称</th> 
   <th>功能</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; audio&gt;</td> 
   <td>定义声音，比如音乐或其他音频流。</td> 
  </tr> 
  <tr> 
   <td>&lt; source&gt;</td> 
   <td>定义media元素 (&lt; video &gt; 和 &lt; audio &gt;)的媒体资源。media</td> 
  </tr> 
  <tr> 
   <td>&lt; track&gt;</td> 
   <td>为媒体(&lt; video &gt; 和 &lt; audio &gt;)元素定义外部文本轨道。</td> 
  </tr> 
  <tr> 
   <td>&lt; video&gt;</td> 
   <td>定义一个音频或者视频</td> 
  </tr> 
 </tbody> 
</table>

#### 链接 ####

<table> 
 <thead> 
  <tr> 
   <th>标签名称</th> 
   <th>功能描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; a &gt;</td> 
   <td>定义一个链接</td> 
  </tr> 
  <tr> 
   <td>&lt; link &gt;</td> 
   <td>定义文档与外部资源的关系。</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <thead> 
  <tr> 
   <th>以下为 HTML5 新标签名称</th> 
   <th>功能</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; nav&gt;</td> 
   <td>定义导航链接</td> 
  </tr> 
 </tbody> 
</table>

#### 列表 ####

<table> 
 <thead> 
  <tr> 
   <th>标签名称</th> 
   <th>功能描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; ul&gt;</td> 
   <td>定义一个无序列表</td> 
  </tr> 
  <tr> 
   <td>&lt; ol&gt;</td> 
   <td>定义一个有序列表</td> 
  </tr> 
  <tr> 
   <td>&lt; li&gt;</td> 
   <td>定义一个列表项</td> 
  </tr> 
  <tr> 
   <td>&lt; dir&gt;</td> 
   <td>HTML5不再支持。 HTML 4.01 已废弃。 定义目录列表。</td> 
  </tr> 
  <tr> 
   <td>&lt; dl&gt;</td> 
   <td>定义一个定义列表</td> 
  </tr> 
  <tr> 
   <td>&lt; dt&gt;</td> 
   <td>定义一个定义定义列表中的项目。</td> 
  </tr> 
  <tr> 
   <td>&lt; dd&gt;</td> 
   <td>定义定义列表中项目的描述。</td> 
  </tr> 
  <tr> 
   <td>&lt; menu&gt;</td> 
   <td>定义菜单列表。</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <thead> 
  <tr> 
   <th>以下为 HTML5 新标签名称</th> 
   <th>功能</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; command&gt;</td> 
   <td>定义用户可能调用的命令（比如单选按钮、复选框或按钮）。</td> 
  </tr> 
 </tbody> 
</table>

#### 表格 ####

<table> 
 <thead> 
  <tr> 
   <th>标签名称</th> 
   <th>功能描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; table&gt;</td> 
   <td>定义一个表格</td> 
  </tr> 
  <tr> 
   <td>&lt; caption&gt;</td> 
   <td>定义表格标题。</td> 
  </tr> 
  <tr> 
   <td>&lt; th&gt;</td> 
   <td>定义表格中的表头单元格。</td> 
  </tr> 
  <tr> 
   <td>&lt; tr&gt;</td> 
   <td>定义表格中的行。</td> 
  </tr> 
  <tr> 
   <td>&lt; td&gt;</td> 
   <td>定义表格中的单元。</td> 
  </tr> 
  <tr> 
   <td>&lt; thead&gt;</td> 
   <td>定义表格中的表头内容。</td> 
  </tr> 
  <tr> 
   <td>&lt; tbody&gt;</td> 
   <td>定义表格中的主体内容。</td> 
  </tr> 
  <tr> 
   <td>&lt; tfoot&gt;</td> 
   <td>定义表格中的表注内容（脚注）。</td> 
  </tr> 
  <tr> 
   <td>&lt; col&gt;</td> 
   <td>定义表格中一个或多个列的属性值。</td> 
  </tr> 
  <tr> 
   <td>&lt; colgroup&gt;</td> 
   <td>定义表格中供格式化的列组。</td> 
  </tr> 
 </tbody> 
</table>

#### 样式/节 ####

<table> 
 <thead> 
  <tr> 
   <th>标签名称</th> 
   <th>功能描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; style&gt;</td> 
   <td>定义文档的样式信息。</td> 
  </tr> 
  <tr> 
   <td>&lt; div&gt;</td> 
   <td>定义文档中的节。</td> 
  </tr> 
  <tr> 
   <td>&lt; span&gt;</td> 
   <td>定义文档中的节。</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <thead> 
  <tr> 
   <th>以下为 HTML5 新标签名称</th> 
   <th>功能</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; header&gt;</td> 
   <td>定义一个文档头部部分</td> 
  </tr> 
  <tr> 
   <td>&lt; footer&gt;</td> 
   <td>定义一个文档底部</td> 
  </tr> 
  <tr> 
   <td>&lt; section&gt;</td> 
   <td>定义了文档的某个区域</td> 
  </tr> 
  <tr> 
   <td>&lt; article&gt;</td> 
   <td>定义一个文章内容</td> 
  </tr> 
  <tr> 
   <td>&lt; aside&gt;</td> 
   <td>定义其所处内容之外的内容。</td> 
  </tr> 
  <tr> 
   <td>&lt; details&gt;</td> 
   <td>定义了用户可见的或者隐藏的需求的补充细节。</td> 
  </tr> 
  <tr> 
   <td>&lt; dialog&gt;</td> 
   <td>定义一个对话框或者窗口</td> 
  </tr> 
  <tr> 
   <td>&lt; summary&gt;</td> 
   <td>定义一个可见的标题。 当用户点击标题时会显示出详细信息。</td> 
  </tr> 
 </tbody> 
</table>

#### 元信息 ####

<table> 
 <thead> 
  <tr> 
   <th>标签名称</th> 
   <th>功能描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; head&gt;</td> 
   <td>定义关于文档的信息</td> 
  </tr> 
  <tr> 
   <td>&lt; meta&gt;</td> 
   <td>定义关于 HTML 文档的元信息。</td> 
  </tr> 
  <tr> 
   <td>&lt; base&gt;</td> 
   <td>定义页面中所有链接的默认地址或默认目标。</td> 
  </tr> 
  <tr> 
   <td>&lt; basefont&gt;</td> 
   <td>HTML5不再支持。 HTML 4.01 已废弃。 定义页面中文本的默认字体、颜色或尺寸。</td> 
  </tr> 
 </tbody> 
</table>

#### 程序 ####

<table> 
 <thead> 
  <tr> 
   <th>标签名称</th> 
   <th>功能描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; script&gt;</td> 
   <td>定义客户端脚本。</td> 
  </tr> 
  <tr> 
   <td>&lt; noscript&gt;</td> 
   <td>定义针对不支持客户端脚本的用户的替代内容。</td> 
  </tr> 
  <tr> 
   <td>&lt; applet&gt;</td> 
   <td>HTML5不再支持。 HTML 4.01 已废弃。 定义嵌入的 applet。</td> 
  </tr> 
  <tr> 
   <td>&lt; object&gt;</td> 
   <td>定义嵌入的对象。</td> 
  </tr> 
  <tr> 
   <td>&lt; param&gt;</td> 
   <td>定义对象的参数。</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <thead> 
  <tr> 
   <th>以下为 HTML5 新标签名称</th> 
   <th>功能</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>&lt; embed&gt;</td> 
   <td>定义了一个容器，用来嵌入外部应用或者互动程序（插件）。</td> 
  </tr> 
 </tbody> 
</table>

#### 写在最后 ####

本文内容按照 [HTML 标签列表（功能排序）][HTML] 进行的重新排版，按理说「标签名称」下的代码在 Markdown 应该用代码片的语法规范来写，但是内容有点多，故在「<」和「代码首字母」之间用了「空格」。如下图：  
![在这里插入图片描述][20181112214903995.png]  
这篇文章自认为自己写的态度有点不端正。。。

[HTML]: http://www.runoob.com/tags/ref-byfunc.html
[20181112214903995.png]: https://img-blog.csdnimg.cn/20181112214903995.png