html5参考手册
2015年03月04日 09:39
0 点赞
0 评论
更新于 2025-11-21 16:39
本参考手册按字母顺序列出了HTML5中的标签,并对其功能进行了简要描述,其中部分标签后标注“不赞成使用”,表示这些标签已逐渐被弃用,不建议在新的HTML项目中使用。
新标签说明
“New”:代表HTML5中的新标签。
标签列表
| 标签 | 描述 |
|---|---|
<!--...--> | 用于定义注释,注释内容不会在浏览器中显示,主要用于开发者对代码进行说明。 |
<!DOCTYPE> | 定义文档类型,告知浏览器当前文档使用的HTML版本,例如<!DOCTYPE html>声明当前文档为HTML5文档。 |
<a> | 定义锚,用于创建超链接,可将网页链接到其他页面、文件、位置等,通过href属性指定链接地址。 |
<abbr> | 定义缩写,通过title属性可以提供缩写的完整形式,方便用户理解。 |
<acronym> | 定义只取首字母的缩写,不过该标签已不被推荐使用,建议使用<abbr>替代。 |
<address> | 定义文档作者或拥有者的联系信息,通常显示为斜体。 |
<applet> | 不赞成使用。该标签用于定义嵌入的applet,但由于安全性和兼容性问题,现代网页开发中基本不再使用。 |
<area> | 定义图像映射内部的区域,结合<map>标签使用,可以在图像上创建可点击的区域。 |
<article> | 定义文章,用于表示一个独立的、完整的内容块,如博客文章、新闻报道等。 |
<aside> | 定义页面内容之外的内容,通常用于侧边栏、广告等与主要内容相关但又相对独立的部分。 |
<audio> | 定义声音内容,支持多种音频格式,如MP3、OGG等,通过src属性指定音频文件的地址。 |
<b> | 定义粗体字,仅用于视觉上的强调,不具有语义上的强调作用。 |
<base> | 定义页面中所有链接的默认地址或默认目标,通常放在<head>标签内,通过href和target属性设置。 |
<basefont> | 不赞成使用。该标签用于定义页面中文本的默认字体、颜色或尺寸,但由于缺乏灵活性且不符合现代网页设计理念,已被CSS替代。 |
<bdi> | 定义文本的文本方向,使其脱离其周围文本的方向设置,适用于处理不同语言方向的文本。 |
<bdo> | 定义文字方向,通过dir属性指定文字的显示方向,如ltr(从左到右)或rtl(从右到左)。 |
<big> | 定义大号文本,不过该标签已不被推荐使用,建议使用CSS来控制文本大小。 |
<blockquote> | 定义长的引用,通常会有缩进显示,用于引用大段的文本内容。 |
<body> | 定义文档的主体,包含了网页中可见的所有内容。 |
<br> | 定义简单的折行,用于在文本中强制换行。 |
<button> | 定义按钮 (push button),可以通过type属性指定按钮的类型,如submit、reset、button等。 |
<canvas> | 定义图形,通过JavaScript可以在<canvas>元素上绘制各种图形、动画等。 |
<caption> | 定义表格标题,通常放在<table>标签内,用于描述表格的内容。 |
<center> | 不赞成使用。该标签用于定义居中文本,但由于缺乏语义且不符合现代网页设计的布局方式,已被CSS的text-align: center替代。 |
<cite> | 定义引用(citation),通常用于引用书籍、文章、电影等的标题。 |
<code> | 定义计算机代码文本,通常以等宽字体显示,用于展示代码片段。 |
<col> | 定义表格中一个或多个列的属性值,通过span属性可以指定影响的列数。 |
<colgroup> | 定义表格中供格式化的列组,可以对一组列应用相同的样式。 |
<command> | 定义命令按钮,不过该标签的支持情况较差,在实际开发中较少使用。 |
<datalist> | 定义下拉列表,结合<input>标签使用,提供预定义的选项供用户选择。 |
<dd> | 定义定义列表中项目的描述,与<dt>标签配合使用,<dt>定义项目名称,<dd>定义项目描述。 |
<del> | 定义被删除文本,通常会显示为带有删除线的文本,用于表示内容的删除。 |
<details> | 定义元素的细节,用户可以通过点击展开或折叠内容,结合<summary>标签使用,<summary>定义可见的标题。 |
<dir> | 不赞成使用。该标签用于定义目录列表,但由于缺乏语义和灵活性,已被<ul>或<ol>替代。 |
<div> | 定义文档中的节,是一个通用的块级元素,常用于布局和分组元素,通过CSS可以对其进行样式设置。 |
<dfn> | 定义定义项目,用于标记术语的首次定义。 |
<dialog> | 定义对话框或窗口,用于创建弹出式对话框、模态框等交互元素。 |
<dl> | 定义定义列表,由<dt>和<dd>标签组成,用于创建术语和定义的列表。 |
<dt> | 定义定义列表中的项目,通常是术语或名称。 |
<em> | 定义强调文本,通常显示为斜体,具有语义上的强调作用。 |
<embed> | 定义外部交互内容或插件,如Flash动画、PDF文件等,通过src属性指定外部资源的地址。 |
<fieldset> | 定义围绕表单中元素的边框,用于对表单元素进行分组,通常与<legend>标签配合使用,<legend>定义分组的标题。 |
<figcaption> | 定义figure元素的标题,用于描述figure元素中的媒介内容。 |
<figure> | 定义媒介内容的分组,以及它们的标题,如图片、图表、代码片段等可以使用<figure>进行分组。 |
<font> | 不赞成使用。该标签用于定义文字的字体、尺寸和颜色,但由于缺乏灵活性且不符合现代网页设计理念,已被CSS替代。 |
<footer> | 定义section或page的页脚,通常包含版权信息、联系方式等。 |
<form> | 定义供用户输入的HTML表单,通过action属性指定表单数据提交的地址,method属性指定提交方式(GET或POST)。 |
<frame> | 不赞成使用。该标签用于定义框架集的窗口或框架,但由于可访问性和兼容性问题,现代网页开发中基本不再使用。 |
<frameset> | 不赞成使用。该标签用于定义框架集,同样由于可访问性和兼容性问题,已被弃用。 |
<h1> - <h6> | 定义HTML标题,<h1>为最高级标题,<h6>为最低级标题,标题级别依次降低,用于组织网页内容的层次结构。 |
<head> | 定义关于文档的信息,包含了文档的元数据,如标题、字符编码、样式表链接、脚本链接等。 |
<header> | 定义section或page的页眉,通常包含网站标志、导航菜单等。 |
<hr> | 定义水平线,用于在页面中创建分隔线,起到分隔内容的作用。 |
<html> | 定义HTML文档,是HTML文档的根元素,所有其他元素都包含在<html>标签内。 |
<i> | 定义斜体字,仅用于视觉上的强调,不具有语义上的强调作用。 |
<iframe> | 定义内联框架,用于在当前页面中嵌入另一个网页,通过src属性指定要嵌入的网页地址。 |
<img> | 定义图像,通过src属性指定图像文件的地址,alt属性提供图像的替代文本,用于在图像无法显示时提供描述。 |
<input> | 定义输入控件,根据type属性的不同可以创建不同类型的输入框,如文本框、密码框、复选框、单选框等。 |
<ins> | 定义被插入文本,通常会显示为带有下划线的文本,用于表示内容的插入。 |
<isindex> | 不赞成使用。该标签用于定义与文档相关的可搜索索引,但由于缺乏实用性,已被弃用。 |
<kbd> | 定义键盘文本,通常以等宽字体显示,用于表示用户需要输入的键盘按键。 |
<keygen> | 定义生成密钥,不过该标签的支持情况较差,在实际开发中较少使用。 |
<label> | 定义input元素的标注,通过for属性与input元素的id关联,提高表单的可用性。 |
<legend> | 定义fieldset元素的标题,用于描述fieldset中表单元素的分组内容。 |
<li> | 定义列表的项目,用于<ul>(无序列表)和<ol>(有序列表)中。 |
<link> | 定义文档与外部资源的关系,常用于链接外部样式表、图标等,通过rel属性指定关系类型,href属性指定资源地址。 |
<map> | 定义图像映射,结合<area>标签使用,可以在图像上创建可点击的区域。 |
<mark> | 定义有记号的文本,通常以黄色背景显示,用于突出显示文本。 |
<menu> | 不赞成使用。该标签用于定义菜单列表,但由于缺乏语义和灵活性,已被其他元素替代。 |
<meta> | 定义关于HTML文档的元信息,如字符编码、页面描述、关键词等,通过name和content属性设置元数据。 |
<meter> | 定义预定义范围内的度量,如磁盘使用情况、投票结果等,通过value、min、max等属性设置度量值和范围。 |
<nav> | 定义导航链接,用于包含页面的导航菜单,帮助用户在网站中进行导航。 |
<noframes> | 不赞成使用。该标签用于定义针对不支持框架的用户的替代内容,但由于框架的使用已逐渐减少,该标签也很少使用。 |
<noscript> | 定义针对不支持客户端脚本的用户的替代内容,当浏览器不支持JavaScript时,显示<noscript>标签内的内容。 |
<object> | 定义内嵌对象,用于嵌入外部资源,如Flash动画、PDF文件等,通过data属性指定资源地址。 |
<ol> | 定义有序列表,列表项会按照数字或字母顺序排列。 |
<optgroup> | 定义选择列表中相关选项的组合,用于对<select>标签中的选项进行分组。 |
<option> | 定义选择列表中的选项,用于<select>标签中,用户可以从中选择一个或多个选项。 |
<output> | 定义输出的一些类型,用于显示表单计算结果等输出信息。 |
<p> | 定义段落,是一个块级元素,用于组织文本内容。 |
<param> | 定义对象的参数,与<object>标签配合使用,用于传递参数给嵌入的对象。 |
<pre> | 定义预格式文本,会保留文本中的空格、换行符等格式,通常用于显示代码、诗歌等。 |
<progress> | 定义任何类型的任务的进度,通过value和max属性设置当前进度和总进度。 |
<q> | 定义短的引用,浏览器通常会在引用内容前后添加引号。 |
<rp> | 定义若浏览器不支持ruby元素显示的内容,ruby元素用于显示汉字的拼音或注音。 |
<rt> | 定义ruby注释的解释,与<ruby>和<rp>标签配合使用。 |
<ruby> | 定义ruby注释,用于显示汉字的拼音或注音。 |
<s> | 不赞成使用。该标签用于定义加删除线的文本,建议使用<del>替代。 |
<samp> | 定义计算机代码样本,通常以等宽字体显示,用于展示代码的输出结果。 |
<script> | 定义客户端脚本,通常用于嵌入JavaScript代码,通过src属性可以引用外部的JavaScript文件。 |
<section> | 定义section,用于对网页内容进行逻辑分组,如章节、页面区域等。 |
<select> | 定义选择列表(下拉列表),用户可以从中选择一个或多个选项,通过<option>标签定义选项。 |
<small> | 定义小号文本,通常用于显示辅助信息、注释等。 |
<source> | 定义媒介源,与<audio>、<video>标签配合使用,提供多种格式的媒体文件,以提高兼容性。 |
<span> | 定义文档中的节,是一个通用的内联元素,常用于对文本进行样式设置或添加交互效果。 |
<strike> | 不赞成使用。该标签用于定义加删除线文本,建议使用<del>替代。 |
<strong> | 定义强调文本,通常显示为粗体,具有语义上的强调作用。 |
<style> | 定义文档的样式信息,用于在HTML文档中嵌入CSS样式,也可以通过src属性引用外部的CSS文件。 |
<sub> | 定义下标文本,通常用于化学公式、数学表达式等。 |
<summary> | 为<details>元素定义可见的标题,用户点击标题可以展开或折叠<details>元素的内容。 |
<sup> | 定义上标文本,常用于脚注、指数等。 |
<table> | 定义表格,由<thead>、<tbody>、<tfoot>、<tr>、<td>、<th>等标签组成,用于展示数据。 |
<tbody> | 定义表格中的主体内容,包含表格的主要数据行。 |
<td> | 定义表格中的单元,即表格的单元格,用于显示数据。 |
<textarea> | 定义多行的文本输入控件,用户可以输入多行文本,通过rows和cols属性设置文本框的行数和列数。 |
<tfoot> | 定义表格中的表注内容(脚注),通常位于表格底部,用于显示汇总信息等。 |
<th> | 定义表格中的表头单元格,通常显示为粗体,用于标识表格列的内容。 |
<thead> | 定义表格中的表头内容,包含表格的表头行,用于显示列标题。 |
<time> | 定义日期/时间,通过datetime属性可以提供机器可读的日期和时间信息。 |
<title> | 定义文档的标题,显示在浏览器的标题栏或标签页上,是搜索引擎优化(SEO)的重要元素之一。 |
<tr> | 定义表格中的行,包含一个或多个<td>或<th>单元格。 |
<track> | 定义用在媒体播放器中的文本轨道,如字幕、说明等,与<audio>、<video>标签配合使用。 |
<tt> | 不赞成使用。该标签用于定义打字机文本,建议使用CSS的font-family属性来设置类似效果。 |
<u> | 不赞成使用。该标签用于定义下划线文本,但由于下划线通常用于表示超链接,建议使用其他方式进行文本强调。 |
<ul> | 定义无序列表,列表项以项目符号表示。 |
<var> | 定义文本的变量部分,通常以斜体显示,用于表示数学表达式中的变量等。 |
<video> | 定义视频,支持多种视频格式,如MP4、WebM等,通过src属性指定视频文件的地址。 |
<wbr> | 定义软换行符,用于在长单词或URL中指定可能的换行位置,当空间不足时,浏览器会在该位置换行。 |
<xmp> | 不赞成使用。该标签用于定义预格式文本,但由于缺乏安全性和兼容性,已被<pre>标签替代。 |