HTML标签列表

对于HTML标签还不是很熟悉，下面罗列一下各个HTML标签，按照功能将其分组，便于寻找。

1.根元素

<html>----表示一个HTML文档的根

2.文档元数据（包括样式、脚本及数据）

<title>----定义文档的标题，显示在浏览器的标题栏

3.内容分区（页眉、页脚、导航、标题等）

<address>----让作者为最近的<artice>或<body>祖先元素提供联系信息

<article>----表示文档、页面、应用或网站中的独立结构

<aside>----表示一个和其余页面内容几乎无关的部分

<footer>----表示最近一个章节内容或根节点元素的页脚

<header>----表示一组引导性的帮助

<h1><h2><h3><h4><h5><h6>----标题元素，h1表示最高级，h6表示最低级

<hgroup>----代表一个段的标题（实验性API，请不要在生产环境使用）

<nav>----HTML导航栏描绘一个含有多个超链接的区域

<section>----表示文档中的一个区域或节

4.文本内容（<body></body>中的块或章节内容）

<blockquote>----代表其中的文字是引用内容

<dd>----指明一个描述列表（dl）元素中一个术语的描述，必须跟着一个<dt>元素

<dir>----表示一个目录，文件名称的集合

<div>----一个通用型的流内容容器，在语义上不代表任何类型的内容

<dl>----包含术语定义以及描述的列表

<dt>----在一个定义列表中声明一个术语

<figcaption>----是与其相关联的图片的说明/标题，用?于描述其父节点 <figure>元素里的其他数据

<figure>----代表一段独立的内容，经常与<figcaption>配合使用

<hr>----表示段落级元素之间的主题转换

<li>----用于表示列表里的条目。它必须被包含在一个父元素<ol> <ul>或<menu>

<main>----呈现文档<body>或应用的主体部分

<ol>----表示多个有序列表项，通常渲染为有带编号的列表

<p>----表示文本的一个段落

<pre>----表示预定义格式文本

<ul>----代表多项的无序列表，即无数值排序项的集合，且它们在列表中的顺序是没有意义的

5.内联文本语义

<a>----可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接

<abbr>----代表缩写，并可选择提供一个完整的描述

<b>----用于吸引读者的注意到该元素的内容上

<bdi>----会隔离可能以不同方向进行格式化的外部文本

<bdo>----用于覆盖当前文本的朝向，它使得字符按给定的方向排列

<br>----在文本中生成一个换行（回车）符号

<cite>----表示一个作品的引用

<code>----呈现一段计算机代码

<data>----将一个指定内容和机器可读的翻译联系在一起

<dfn>----表示术语的一个定义

<em>----标记出需要用户着重阅读的内容，它是可以嵌套的，嵌套层次越深，则其包含的内容被认定为越需要着重阅读

<i>----用于表现因某些原因需要区分普通文本的一系列文本

<kbd>----用于表示用户输入，它将产生一个行内元素，以浏览器的默认monospace字体显示

<mark>----代表突出显示的文字

<nobr>----阻止文本自动拆分成新行

<q>----表示一个封闭的并且是短的行内引用的文本

<rp>----用于为那些不能使用<ruby>元素展示 ruby 注解的浏览器，提供随后的圆括号

<rt>----包含字符的发音，字符在 ruby 注解中出现，它用于描述东亚字符的发音

<rtc>----包含文字的语义注解，它们在<rb>元素中展示

<ruby>----被用来展示东亚文字注音或字符注释

<s>----使用删除线来渲染文本

<samp>----用于标识计算机程序输出

<small>----將使文本的字体变小一号

<span>----短语内容的通用行内容器，并没有任何特殊语义

<strong>----表示文本十分重要，一般用粗体显示

<sub>----定义了一个文本区域，因排版原因，展示得更低更小

<sup>----定义了一个文本区域，因排版原因，展示得更高更小

<time>----用来表示24小时制时间或者公历日期

<tt>----产生一个内联元素，使用浏览器内置的 monotype 字体展示

<u>----使文本在其内容的基线下的一行呈现下划线

<var>----表示变量的名称，或者由用户提供的值

<wbr>----一个文本中的位置

6.图片与多媒体

<area>----在图片上定义一个热点区域，可以关联一个超链接

<audio>----用于在文档中表示音频内容

<img>----代表文档中的一个图像

<map>----与<area>一起使用来定义一个图像映射(一个可点击的链接区域)

<track>----被当作媒体元素—<audio> 和 <video>的子元素来使用

<video>----用于在HTML或者XHTML文档中嵌入视频内容

7.内嵌内容

<applet>----标志着包含了Java的applet

<param>----定义<object>的参数

<picture>----一个容器，用来为其内部特定的 <img>元素提供多样的 <source> 元素

<source>----

8.脚本

<canvas>----被用来通过脚本（通常是JavaScript）绘制图形

9.编辑标识

<del>----表示一些被从文档中删除的文字内容

<ins>----定义已经被插入文档中的文本

10.表格内容

<caption>----展示一个表格的标题

<col>----定义表格中的列，并用于定义所有公共单元格上的公共语义

<colgroup>----定义表中的一组列表

<table>----表示表格数据 — 即通过二维数据表表示的信息

<tbody>----

<td>----

<tfoot>----定义了一组计算表格中各列总和的行

<th>----

<thead>----定义了一组定义表格的列头的行

<tr>----定义表格中的行

11.表单

<button>----表示一个可点击的按钮

<datalist>----包含了一组<datalist>元素,这些元素表示其它表单控件可选值

<form>----表示了文档中的一个区域，这个区域包含有交互控制元件，用来向web服务器提交信息

<input>----用于为基于Web的表单创建交互式控件，以便接受来自用户的数据

<label>----表示用户界面中项目的标题

<legend>----代表一个用于表示它的父元素<fieldest>的内容的标题

<meter>----用来显示已知范围的标量值或者分数值

<optgroup>----创建包含在一个<select>元素中的一组选项

<option>----用于定义在<select>，<optgroup>或<datalist>元素中包含的项

<output>----表示计算或用户操作的结果

<progress>----用来显示一项任务的完成进度

<select>----一种表单控件，可创建选项菜单

<textarea>----表示一个多行纯文本编辑控件

12.交互元素

<details>----

<dialog>----表示一个对话框或其他交互式组件

<menu>----呈现了一组用户可执行或激活的命令

<menuitem>----

<summary>---- 用作一个<details>元素的一个内容的摘要，标题或图例。

猜你喜欢