HTML5 标签大全
基础
| 标签 | 描述 |
|---|---|
| <!DOCTYPE> | 定义文档类型。 <!DOCTYPE html>表示文档是HTML |
| <html> | 定义 HTML 文档。 浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。(提示：<title> 标签是 <head> 标签中唯一要求包含的东西。) |
| <title> | 定义文档的标题。 |
| <body> | 定义文档的主体。 |
| <h1> to <h6> | 定义 HTML 标题。 |
| <p> |
定义段落。 p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。 |
| <br> | 定义简单的折行。 |
| <hr> | 定义水平线。 |
| <!--...--> | 定义注释。 |
格式
| 标签 | 描述 | |||
|---|---|---|---|---|
| <acronym> | 定义只取首字母的缩写。 （HTML5 中不支持 <acronym> 标签。请使用 <abbr> 标签代替） | |||
| <abbr> | 定义缩写。 （<abbr title="People's Republic of China">PRC</abbr> 提示：可以在 <abbr> 标签中使用全局的 title 属性，这样就能够在鼠标指针移动到 <abbr> 元素上时显示出简称/缩写的完整版本。） | |||
| <address> |
定义文档作者或拥有者的联系信息。 提示：<address> 标签不应该用于描述通讯地址，除非它是联系信息的一部分。 提示：<address> 元素通常连同其他信息被包含在 <footer> 元素中。 |
|||
| <b> | 定义粗体文本。
注释：根据 HTML5 规范，在没有其他合适标签更合适时，才应该把 <b> 标签作为最后的选项。HTML5 规范声明：应该使用 <h1> - <h6> 来表示标题，使用 <em> 标签来表示强调的文本，应该使用 <strong> 标签来表示重要文本，应该使用 <mark> 标签来表示标注的/突出显示的文本。 提示：您也能够使用 CSS "font-weight" 属性来设置粗体文本。 |
|||
| <bdi> |
定义文本的文本方向，使其脱离其周围文本的方向设置。 属性：
在发布用户评论或其他您无法完全控制的内容时，该标签很有用。 |
|||
| <bdo> | 定义文字方向。 <bdo dir="rtl">Here is some text</bdo>（文字从左输出） | |||
| <big> | 定义大号文本。 可以嵌套 <big> 标签来放大文本。每一个 <big> 标签都可以使字体大一号，直到上限 7 号文本，正如字体模型所定义的那样。然而，如果是最大号字体了，<big>标签就没效果了 | |||
| <blockquote> | 定义长的引用。 <blockquote> 标签定义块引用。
<blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。也就是说，块引用拥有它们自己的空间。 |
|||
| <center> | 不赞成使用。定义居中文本。 | |||
| <cite> | 定义引用(citation)，可使用该标签对参考文献的引用进行定义，比如书籍或杂志的标题。 | |||
| <code> | 定义计算机代码文本。 | |||
| <del> | 定义被删除文本。 | |||
| <dfn> | 定义定义项目。 | |||
| <em> | 定义强调文本。 | |||
| <font> | 不赞成使用。定义文本的字体、尺寸和颜色 | |||
| <i> | 定义斜体文本。 标签定义与文本中其余部分不同的部分，并把这部分文本呈现为斜体文本。在没有其他元素可以使用时，比如 <b>, <cite>, <dfn>, <em>, <q>, <small>, <strong>，请使用 <i> 标签。 | |||
| <ins> | 定义被插入文本。 提示：请与 <del> 标签一起使用，来描述对文档的更新和修正。 | |||
| <kbd> | 定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。 | |||
| <mark> | 定义有记号的文本。 <p>Do not forget to buy <mark>milk</mark> today.</p> |
|||
| <meter> | 定义预定义范围内的度量。 <meter value="3" min="0" max="10">3/10</meter>
<meter value="0.6">60%</meter> （显示度量值） |
|||
| <pre> | 定义预格式文本。 被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。 |
|||
| <progress> |
定义任何类型的任务的进度。 下载进度： <progress value="22" max="100">...</progress> |
|||
| <q> | 定义短的引用。 浏览器经常会在这种引用的周围插入引号
<p>WWF's goal is to: |
|||
| <rp> | 定义若浏览器不支持 ruby 元素显示的内容。 | |||
| <rt> | 定义 ruby 注释的解释。 | |||
| <ruby> | 定义 ruby 注释。 | |||
| <s> | 不赞成使用。定义加删除线的文本。 | |||
| <samp> | 定义计算机代码样本。 | |||
| <small> | 定义小号文本。 | |||
| <strike> | 不赞成使用。定义加删除线文本。 | |||
| <strong> | 定义语气更为强烈的强调文本。 | |||
| <sup> | 定义上标文本。 | |||
| <sub> | 定义下标文本。 | |||
| <time> | 定义日期/时间。 | |||
| <tt> | 定义打字机文本。 | |||
| <u> | 不赞成使用。定义下划线文本。 | |||
| <var> | 定义文本的变量部分。 | |||
| <wbr> |
定义可能的换行符。 提示：如果单词太长，或者您担心浏览器会在错误的位置换行，那么您可以使用 <wbr> 元素来添加 Word Break Opportunity（单词换行时机）。 |
表单
| 标签 | 描述 |
|---|---|
| <form> | 定义供用户输入的 HTML 表单。 |
| <input> | 定义输入控件。 |
| <textarea> |
定义多行的文本输入控件。 <textarea> 标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。注释：在文本输入区内的文本行间，用 "%OD%OA" （回车/换行）进行分隔。提示：可以通过 <textarea> 标签的 wrap 属性设置文本输入区内的换行模式。
|
| <button> | 定义按钮。 |
| <select> | 定义选择列表（下拉列表）。 |
| <optgroup> | 定义选择列表中相关选项的组合。 |
| <option> | 定义选择列表中的选项。 |
| <label> | 定义 input 元素的标注。 |
| <fieldset> | 定义围绕表单中元素的边框。 |
| <legend> | 定义 fieldset 元素的标题。 |
| <isindex> | 不赞成使用。定义与文档相关的可搜索索引。 |
| <datalist> | 定义下拉列表。 |
| <keygen> | 定义生成密钥。 |
| <output> | 定义输出的一些类型。 |
框架
| 标签 | 描述 |
|---|---|
| <frame> | 定义框架集的窗口或框架。 |
| <frameset> |
定义框架集。 |
| <noframes> | 定义针对不支持框架的用户的替代内容。 |
| <iframe> | 定义内联框架。 |
图像
| 标签 | 描述 |
|---|---|
| <img> | 定义图像。 |
| <map> | 定义图像映射。 |
| <area> | 定义图像地图内部的区域。 |
| <canvas> | 定义图形。 |
| <figcaption> | 定义 figure 元素的标题。 |
| <figure> | 定义媒介内容的分组，以及它们的标题。 |
音频 /视频
| 标签 | 描述 |
|---|---|
| <audio> | 定义声音内容。 |
| <source> | 定义媒介源。 |
| <track> | 定义用在媒体播放器中的文本轨道。 |
| <video> | 定义视频。 |
链接
| 标签 | 描述 |
|---|---|
| <a> | 定义锚。 |
| <link> | 定义文档与外部资源的关系。 |
| <nav> | 定义导航链接。 |
列表
| 标签 | 描述 |
|---|---|
| <ul> | 定义无序列表。 |
| <ol> | 定义有序列表。 |
| <li> | 定义列表的项目。 |
| <dir> | 不赞成使用。定义目录列表。 |
| <dl> | 定义定义列表。 |
| <dt> | 定义定义列表中的项目。 |
| <dd> | 定义定义列表中项目的描述。 |
| <menu> | 定义命令的菜单/列表。 |
| <menuitem> | 定义用户可以从弹出菜单调用的命令/菜单项目。 |
| <command> | 定义命令按钮。 |
表格
| 标签 | 描述 |
|---|---|
| <table> | 定义表格 |
| <caption> | 定义表格标题。 |
| <th> | 定义表格中的表头单元格。 |
| <tr> | 定义表格中的行。 |
| <td> | 定义表格中的单元。 |
| <thead> | 定义表格中的表头内容。 |
| <tbody> | 定义表格中的主体内容。 |
| <tfoot> | 定义表格中的表注内容（脚注）。 |
| <col> | 定义表格中一个或多个列的属性值。 |
| <colgroup> | 定义表格中供格式化的列组。 |
样式/节
| 标签 | 描述 |
|---|---|
| <style> | 定义文档的样式信息。 |
| <div> | 定义文档中的节。 |
| <span> | 定义文档中的节。 |
| <header> | 定义 section 或 page 的页眉。 |
| <footer> | 定义 section 或 page 的页脚。 |
| <section> | 定义 section。 |
| <article> | 定义文章。 |
| <aside> | 定义页面内容之外的内容。 |
| <details> | 定义元素的细节。 |
| <dialog> | 定义对话框或窗口。 |
| <summary> | 为 <details> 元素定义可见的标题。 |
元信息
| 标签 | 描述 |
|---|---|
| <head> | 定义关于文档的信息。 |
| <meta> | 定义关于 HTML 文档的元信息。 |
| <base> | 定义页面中所有链接的默认地址或默认目标。 |
| <basefont> | 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 |
编程
| 标签 | 描述 |
|---|---|
| <script> | 定义客户端脚本。 |
| <noscript> | 定义针对不支持客户端脚本的用户的替代内容。 |
| <applet> | 不赞成使用。定义嵌入的 applet。 |
| <embed> | 为外部应用程序（非 HTML）定义容器。 |
| <object> | 定义嵌入的对象。 |
| <param> | 定义对象的参数。 |
浙公网安备 33010602011771号