Skip to content

HTML 标签

标签元素说明
<a>超链接 行内元素
<abbr>缩写元素 行内元素
<acronym>首字母缩略词 已弃用
<address>联系人地址元素 块级元素
<area>在图片上定义一个热点区域
<article>文章 块级元素
<aside>侧边栏 块级元素
<audio>音频
<b>加粗文字
<base>定义整个页面的基础 URL 闭合标签
<bdi>双向隔离元素
<bdo>双向文本覆盖元素 行内元素
<big>较大的文本元素 已弃用
<blockquote>块级引用元素 块级元素
<body>文档主体元素
<br>换行标签 闭合标签
<button>按钮
<canvas>通过 JavaScript 绘制图形
<caption>表格标题
<center>文本居中 块级元素已弃用
<cite>引用元素:表示引述的来源
<code>代码 行内元素
<col>表格列 闭合标签
<colgroup>表格列组
<data>将一个指定内容和机器可读的翻译联系在一起 行内元素
<datalist>数据列表元素
<dd>描述元素
<del>删除文本 强调或重读
<details>详细信息展现元素
<dfn>定义元素 行内元素
<dialog>对话框元素
<dir>目录元素 已弃用
<div>块级元素
<dl>描述列表元素 块级元素
<dt>术语定义元素
<em>斜体 强调或重读
<embed>外部内容嵌入元素:将外部内容嵌入文档中的指定位置
<fencedframe>将另一个 HTML 页面嵌入到当前页面中 实验性
<fieldset>用于对表单中的控制元素进行分组
<figcaption>定义 figure 元素的标题
<figure>可附标题内容元素 块级元素
<font>字体 已弃用
<footer>页脚 块级元素
<form>表示文档中的一个区域,该区域包含交互控件,用于向 Web 服务器提交信息
<frame>定义框架集中的窗口 闭合标签已弃用
<frameset>定义框架集 已弃用
<h1>标题元素 块级元素
<head>文档元数据(头部)元素
<header>页眉:用于展示介绍性内容 块级元素
<hgroup>标题组
<hr>水平线 闭合标签
<html>HTML 文档/根元素
<i>斜体
<iframe>内联框架元素:用于将另一个 HTML 页面嵌入到当前页面中
<img>图像嵌入元素 行内元素
<input>表单输入元素 闭合标签
<ins>插入文本 强调或重读
<kbd>键盘输入元素 行内元素
<label>表示某个元素的说明
<legend>字段集标题元素:表示其父元素 fieldset 内容的标题
<li>列表项元素
<link>引入外部样式表 闭合标签
<main>主内容:与文档直接相关 块级元素
<map>图像映射元素
<mark>标记文本元素 行内元素
<marquee>跑马灯元素 已弃用
<menu>菜单元素
<menuitem>菜单项目 非标准已弃用
<meta>元数据元素 闭合标签
<meter>用来显示已知范围的标量值或者分数值
<nav>导航栏:提供导航链接 块级元素
<nobr>阻止文本自动拆分成新行 已弃用
<noembed>用于向不支持 embed 的浏览器提供替代内容 已弃用
<noframes>用于向不支持 frame 的浏览器提供替代内容 已弃用
<noscript>无脚本元素
<object>嵌入对象元素
<ol>有序列表 块级元素
<optgroup>为 select 元素中的选项创建分组
<option>用于定义在 select、optgroup、datalist 元素中包含的项
<output>表示计算或用户操作的结果
<p>段落元素 块级元素
<param>为 object 元素定义参数 已弃用
<picture>picture 元素
<plaintext>纯文本元素 已弃用
<portal>将另一个 HTML 页面嵌入到当前页面中 实验性
<pre>预格式化文本
<progress>进度指示元素
<q>引用短的文本:不会产生换行 行内元素
<rb>用于分隔正在注释的文本 已弃用
<rp>用于不支持 ruby 元素的情况
<rt>描述东亚字符的发音
<rtc>包含文字的语义注解 已弃用
<ruby>用来展示东亚文字注音或字符注释 行内元素
<s>删除线
<samp>表示计算机程序输出
<script>引入脚本文件
<search>通用搜索元素 容器元素
<section>章节 块级元素
<select>提供选项菜单的控件
<slot>插槽元素
<small>备注元素 行内元素
<source>为 picture、audio 和 video 元素指定一个或多个媒体资源
<span>行内元素
<strike>删除线 已弃用
<strong>加粗 强调或重读
<style>引入内部样式表
<sub>下标
<summary>为 details 元素提供概要或者标签
<sup>上标
<table>表格 块级元素
<tbody>表格主体
<td>单元格 块级元素
<template>内容模板元素
<textarea>文本域
<tfoot>表格底部
<th>表头单元格
<thead>表格头部
<time>时间元素:为跟时间相关的内容提供机器可读的格式 行内元素
<title>定义文档的标题
<tr>表格行
<track>被当作 audio 和 video 的子元素来使用,它允许指定时序文本字幕
<tt>电报文本元素 已弃用
<u>未阐明的注释(下划线)元素
<ul>无序列表 块级元素
<var>表示变量的元素
<video>视频
<wbr>可能的换行 闭合标签
<xmp>格式化的文字 已弃用

HTML 基础标签

标签元素说明
<!-- text -->注释标签
<!DOCTYPE html>文档声明
<html>根标签
<head>定义文档的头部
<body>定义文档的主体
<p>段落元素
<hr>水平线
<br>换行标签
<div>块级元素
<span>行内元素

head 头标签

标签元素说明
<title>定义文档的标题
<link>引入外部样式表
<style>引入内部样式表
<script>引入脚本文件
<meta>元数据元素
<base>为页面上的所有链接规定默认地址或默认目标(target)

文本相关

标签元素说明
<h1><h6>标题标签
<hgroup>标题组
<font>定义字体大小、颜色
<center>将内容水平居中显示
<b>加粗
<i>斜体
<s>删除线
<u>未阐明的注释(下划线)元素
<strong>加粗
<em>斜体
<del>删除文本
<ins>插入文本
<strike>删除线
<big>大号字
<small>小号字
<sub>下标
<sup>上标
<bdi>从周围文字方向设置中隔离出来
<bdo>改写文本的方向性
<ruby>用来展示东亚文字注音或字符注释
<rp>用于不支持 ruby 元素的情况
<rt>描述东亚字符的发音

无序/有序列表

标签元素说明
<ul>无序列表:使用粗体圆点进行标记
<ol>有序列表:使用数字进行标记
<li>列表项元素:可用在无序列表和有序列表之间
<dl>描述列表:是一个包含术语定义以及描述的列表
<dt>术语元素:用于在一个描述列表中声明一个术语
<dd>描述元素:用来指明描述列表中术语的描述

超链接/图像

标签元素说明
<a>超链接。href 属性指向所链接的 URL
<img>图像
<canvas>通过 JavaScript 绘制图形及图形动画
<svg>定义 SVG 图形的容器
<map>图像映射
<area>图像地图中的可点击区域

表格相关

标签元素说明
<table>表格
<caption>表格标题
<thead>表格头部
<tbody>表格主体
<tfoot>表格底部
<tr>表格行
<th>表头单元格
<td>表单元格
<col>定义表格中的列
<colgroup>表格列组

表单相关

标签元素说明
<form>表单
<input>输入元素
<output>表示计算或用户操作的结果
<select>下拉菜单
<option>下拉列表选项
<optgroup>选项组
<textarea>文本域
<button>可点击的按钮
<label>标签元素
<datalist>数据列表元素
<fieldset>用于对表单中的控制元素进行分组
<legend>字段集标题元素

新增语义标签

标签元素说明
<header>页眉
<nav>导航栏
<main>主内容
<aside>侧边栏
<footer>页脚
<article>文章
<section>章节
<details>详细信息展现元素
<summary>为 details 元素提供概要或者标签
<figure>可附标题内容元素
<figcaption>定义 figure 元素的说明/标题
<mark>高亮文本
<time>(日期)时间元素
<data>将一个指定内容和机器可读的翻译联系在一起
<dialog>对话框元素
<meter>度量元素
<progress>进度指示元素
<wbr>可能的换行
<search>通用搜索元素
<template>内容模板元素
<slot>插槽元素

内联框架

标签元素说明
<frameset>定义框架集
<frame>定义框架集的窗口
<noframes>用于支持不支持 frame 元素的浏览器
<iframe>内联框架元素

计算机输出标签

标签元素说明
<pre>预格式化文本
<kbd>键盘输入元素
<code>行内代码元素
<samp>表示计算机程序输出
<var>表示变量的元素
<tt>电报文本元素

引用和术语定义

标签元素说明
<abbr>缩写元素
<acronym>首字母缩略词
<dfn>定义术语元素
<address>联系人地址元素
<blockquote>块级引用元素
<q>引用短的文本
<cite>引用标签

媒体相关

标签元素说明
<audio>音频
<video>视频
<source>定义媒体资源
<track>字幕
<embed>外部内容嵌入元素
<object>嵌入对象元素
<param>为 object 元素定义参数
<picture>picture 元素

转义字符

特殊字符描述字符的代码
空格符&nbsp;
<小于号&lt;
>大于号gt;
"双引号&quot;
'单引号&apos;
¥人民币&yen;
$美元&dollar;
£英镑&pound;
¢&cent;
×乘号&time;
÷除号&divide;
%百分号&percnt;
*星形标示号$ast;
^移格字符&Hat;
±正负号&plusmn;
²上标 2&sup2;
下标 2&sub2;
&和号&amp;
#井号&num;
@电邮应用符号&commat;
§分节符&sect;
©版权&copy;
®注册商标&reg;
商标&trade;
摄氏度&deg;