HTML所有标签及其属性汇总

最新推荐文章于 2023-06-04 09:30:00 发布

WinstonLau

最新推荐文章于 2023-06-04 09:30:00 发布

阅读量1w

点赞数 22

分类专栏：前端文章标签： HTML 所有标签标签属性

本文链接：https://blog.csdn.net/WinstonLau/article/details/82716886

版权

前端专栏收录该内容

59 篇文章 10 订阅

订阅专栏

【注意】由于文章很长，所以当我们点击某个目录，跳转到对应的位置后，这个目录下的内容会以一个单独的页面呈现，也就是说如果我们想回到初始页面，需要点击一下浏览器的返回按钮，但由于CSDN缓存的问题，在我们点击返回按钮后，页面可能并没有变化，这时需要我们手动刷新一下网页才能回到初始页面

A ➔ B
C ➔ E
F ➔ K
L ➔ O
P ➔ S
T ➔ Z 和其它标签
HTML 全局属性（可用于任何 HTML 元素）

A ➔ B

<a></a> 菜鸟教程 w3school

属性	值	描述	属性链接
charset	char_encoding	（ H5 不支持）规定目标 URL 的字符编码	菜鸟教程 w3school
coords	coordinates	（ H5 不支持）规定链接的坐标。	菜鸟教程 w3school
download（ H5 新增）	filename	指定下载链接	菜鸟教程 w3school
href	URL	规定链接的目标 URL。	菜鸟教程 w3school
hreflang	language_code	规定被链接文档的语言。仅在 href 属性存在时使用。	菜鸟教程 w3school
media	media_query	规定目标 URL 的媒介类型。默认值：all。仅在 href 属性存在时使用。（菜鸟）规定被链接文档是为何种媒介/设备优化的。（w3school）	菜鸟教程 w3school
name	section_name	（ H5 不支持）规定锚的名称。	菜鸟教程 w3school
rel	alternate author bookmark help license next nofollow noreferrer prefetch prev search tag	规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。	菜鸟教程 w3school
rev	text	（ H5 不支持）规定目标 URL 与当前文档之间的关系。	菜鸟教程 w3school
shape	default rect circle poly	（ H5 不支持）规定链接的形状	菜鸟教程 w3school
target	_blank _parent _self _top framename	规定在何处打开目标 URL。仅在 href 属性存在时使用。	菜鸟教程 w3school
type（ H5 新增）	MIME_type	规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。注：MIME = Multipurpose Internet Mail Extensions。	菜鸟教程 w3school

<abbr></abbr> 菜鸟教程 w3school（ IE 6 或更早版本的 IE 浏览器不支持此标签）

属性	值	描述	属性链接
全局属性	/	/	全局属性

<acronym></acronym> 菜鸟教程 w3school（H5 不支持，请使用<abbr></abbr>标签代替，以下属性可以在 HTML 4.01 中使用）

属性	值	描述	属性链接
class	classname	规定元素的类名	全局属性
dir	rtl ltr	规定元素中内容的文本方向	全局属性
id	id	规定元素的唯一 id	全局属性
lang	language_code	规定元素中内容的语言代码	全局属性
style	style_definition	规定元素的行内样式	全局属性
title	text	规定元素的额外信息	全局属性
xml:lang	language_code	规定 XHTML 文档中元素内容的语言代码	全局属性

注：以上列出的七个属性都是全局属性，按理说全局属性是适用于所有标签的，但在菜鸟教程和 w3school 中都没有列出所有的全局属性，因此对于此标签是否支持其它的全局属性，请在具体情境中验证，后面也有这样的情况，就不一一说明了

<address></address> 菜鸟教程 w3school

属性	值	描述	属性链接
全局属性	/	/	全局属性

<applet></applet> 菜鸟教程 w3school（H5 不支持此标签，请使用<object></object>标签代替，HTML 4.01 中不赞成使用 <applet>）

属性	值	描述	属性链接
code（必需的属性）	URL	规定 Java applet 的文件名	菜鸟教程(无) w3school(无)
object（必需的属性）	name	规定了包含该 applet 的一系列版本的资源名称	菜鸟教程(无) w3school(无)
align	left right top bottom middle baseline texttop absmiddle absbottom	规定 applet 相对于周围元素的对齐方式	菜鸟教程(无) w3school(无)
alt	text	规定 applet 的替换文本	菜鸟教程(无) w3school(无)
archive	URL	规定档案文件的位置	菜鸟教程(无) w3school(无)
codebase	URL	规定 code 属性中指定的 applet 的基准 URL	菜鸟教程(无) w3school(无)
height	pixels	规定 applet 的高度	菜鸟教程(无) w3school(无)
hspace	pixels	定义围绕 applet 的水平间隔	菜鸟教程(无) w3school(无)
name	name	定义 applet 的名称（用在脚本中的）	菜鸟教程(无) w3school(无)
vspace	pixels	定义围绕 applet 的垂直间隔	菜鸟教程(无) w3school(无)
width	pixels	规定 applet 的宽度	菜鸟教程(无) w3school(无)

<area> 菜鸟教程 w3school

属性	值	描述	属性链接
alt（必需的属性）	text	规定区域的替代文本。如果使用 href 属性，则该属性是必需的	菜鸟教程 w3school
coords	坐标值	定义可点击区域（对鼠标敏感的区域）的坐标	菜鸟教程 w3school
href	URL	规定区域的目标 URL	菜鸟教程 w3school
hreflang（ H5 新增）	language_code	规定目标 URL 的语言	菜鸟教程 w3school未收录此属性
media（ H5 新增）	media query	规定目标 URL 是为何种媒介/设备优化的。默认：all	菜鸟教程 w3school未收录此属性
nohref	value	（ H5 不支持）规定没有相关链接的区域；从图像映射排除某个区域	菜鸟教程 w3school
rel（ H5 新增）	alternate author bookmark help license next nofollow noreferrer prefetch prev search tag	规定当前文档与目标 URL 之间的关系	菜鸟教程 w3school未收录此属性
shape	default rect circle poly	规定区域的形状	菜鸟教程 w3school
target	_blank _parent _self _top framename	规定在何处打开目标 URL	菜鸟教程 w3school
type（ H5 新增）	MIME_type	规定目标 URL 的 MIME 类型。注：MIME = Multipurpose Internet Mail Extensions	菜鸟教程 w3school未收录此属性

<article></article> 菜鸟教程 w3school

属性	值	描述	属性链接
全局属性	/	/	全局属性

<aside></aside> 菜鸟教程 w3school

属性	值	描述	属性链接
全局属性	/	/	全局属性

<audio></audio> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
autoplay（ H5 新增）	autoplay	如果出现该属性，则音频在就绪后马上播放	菜鸟教程 w3school
controls（ H5 新增）	controls	如果出现该属性，则向用户显示音频控件（比如播放/暂停按钮）	菜鸟教程 w3school
loop（ H5 新增）	loop	如果出现该属性，则每当音频结束时重新开始播放	菜鸟教程 w3school
muted（ H5 新增）	muted	如果出现该属性，则音频输出为静音	菜鸟教程 w3school
preload（ H5 新增）	auto metadata none	如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性	菜鸟教程 w3school
src（ H5 新增）	URL	规定音频文件的 URL	菜鸟教程 w3school

<b></b> 菜鸟教程 w3school

属性	值	描述	属性链接
全局属性	/	/	全局属性

<base> 菜鸟教程 w3school（标签必须位于 head 元素内部）

属性	值	描述	属性链接
href（必需的属性）	URL	规定页面中所有相对链接的基准 URL	菜鸟教程 w3school
target	_blank _parent _self _top framename	规定页面中所有的超链接和表单在何处打开。该属性会被每个链接中的 target 属性覆盖	菜鸟教程 w3school

<basefont> 菜鸟教程 w3school（ H5 不支持<basefont>标签，请用 CSS 代替；在 HTML 4.01 中，已不赞成使用；只有 IE 9 和更早版本的 IE 浏览器支持此标签）

属性	值	描述	属性链接
color	rgb(x,x,x) #xxxxxx colorname	H5 不支持。HTML 4.01 已废弃，请使用样式取代它。规定文档中文本的默认颜色	菜鸟教程 w3school
face	font_family	H5 不支持。HTML 4.01 已废弃，请使用样式取代它。规定文档中文本的默认字体	菜鸟教程 w3school
size	number	H5 不支持。HTML 4.01 已废弃，请使用样式取代它。规定文档中文本的默认大小	菜鸟教程 w3school

<bdi></bdi> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
全局属性	/	/	全局属性 w3school中列出了一个常用的全局属性dir

<bdo></bdo> 菜鸟教程 w3school

属性	值	描述	属性链接
dir（菜鸟：必需）	ltr rtl	必需。规定此元素内的文本方向	菜鸟教程 w3school(无)

<big></big> 菜鸟教程 w3school（H5 不支持此标签，请用 CSS 代替）

属性	值	描述	属性链接
全局属性	/	/	全局属性

<blockquote></blockquote> 菜鸟教程 w3school

属性	值	描述	属性链接
cite	URL	规定引用的来源	菜鸟教程 w3school

<body></body> 菜鸟教程 w3school（所有属性 H5 都已不支持，HTML 4.01 已不赞成使用，请使用样式取代）

属性	值	描述	属性链接
alink	rgb(x,x,x) #xxxxxx colorname	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定文档中活动链接的颜色	菜鸟教程 w3school
background	URL	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定文档的背景图像	菜鸟教程 w3school
bgcolor	rgb(x,x,x) #xxxxxx colorname	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定文档的背景颜色	菜鸟教程 w3school
link	rgb(x,x,x) #xxxxxx colorname	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定文档中未访问链接的默认颜色	菜鸟教程 w3school
text	rgb(x,x,x) #xxxxxx colorname	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定文档中所有文本的颜色	菜鸟教程 w3school
vlink	rgb(x,x,x) #xxxxxx colorname	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定文档中已被访问链接的颜色	菜鸟教程 w3school

<br></br> 菜鸟教程 w3school

属性	值	描述	属性链接
全局属性	/	/	全局属性

<button></button> 菜鸟教程 w3school如果在 HTML 表单中使用此标签，不同的浏览器可能会提交不同的按钮值，因此请使用 <input> 标签在 HTML 表单中创建按钮

属性	值	描述	属性链接
autofocus（ H5 新增）	autofocus	规定当页面加载时按钮应当自动地获得焦点	菜鸟教程 w3school
disabled	disabled	规定应该禁用该按钮	菜鸟教程 w3school
form（ H5 新增）	form_id	规定按钮属于一个或多个表单	菜鸟教程 w3school
formaction（ H5 新增）	URL	规定当提交表单时向何处发送表单数据。覆盖 form 元素的 action 属性。该属性与 type="submit" 配合使用	菜鸟教程 w3school
formenctype（ H5 新增）	application/x-www-form-urlencoded multipart/form-data text/plain	规定在向服务器发送表单数据之前如何对其进行编码。覆盖 form 元素的 enctype 属性。该属性与 type="submit" 配合使用	菜鸟教程 w3school
formmethod（ H5 新增）	get post	规定用于发送表单数据的 HTTP 方法。覆盖 form 元素的 method 属性。该属性与 type="submit" 配合使用	菜鸟教程 w3school
formnovalidate（ H5 新增）	formnovalidate	如果使用该属性，则提交表单时不进行验证。覆盖 form 元素的 novalidate 属性。该属性与 type="submit" 配合使用	菜鸟教程 w3school
formtarget（ H5 新增）	_blank _self _parent _top framename	规定在何处打开 action URL。覆盖 form 元素的 target 属性。该属性与 type="submit" 配合使用	菜鸟教程 w3school
name	name	规定按钮的名称	菜鸟教程 w3school
type	button reset submit	规定按钮的类型	菜鸟教程 w3school
value	text	规定按钮的初始值。可由脚本进行修改	菜鸟教程 w3school

C ➔ E

<canvas></canvas> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
height	pixels	规定画布的高度	菜鸟教程 w3school
width	pixels	规定画布的宽度	菜鸟教程 w3school

<caption></caption> 菜鸟教程 w3school（ align属性 H5 已不支持，HTML 4.01 已不赞成使用，请使用样式取代）

属性	值	描述	属性链接
align	left right top bottom	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。定义标题的对齐方式	菜鸟教程 w3school

<center></center> 菜鸟教程 w3school（ H5 不支持<center>标签，HTML 4.01 已不赞成使用，请使用样式替代）

属性	值	描述	属性链接
全局属性	/	/	全局属性

<cite></cite> 菜鸟教程 w3school

属性	值	描述	属性链接
全局属性	/	/	全局属性

<code></code> 菜鸟教程 w3school

属性	值	描述	属性链接
全局属性	/	/	全局属性

<col> 菜鸟教程 w3school

属性	值	描述	属性链接
align	left right center justify char	H5 不支持。规定与<col>元素相关的内容的水平对齐方式	菜鸟教程 w3school
char	character	H5 不支持。规定根据哪个字符来对齐与<col>元素相关的内容	菜鸟教程 w3school
charoff	number	H5 不支持。规定第一个对齐字符的偏移量	菜鸟教程 w3school
span	number	规定<col>元素应该横跨的列数	菜鸟教程 w3school
valign	top middle bottom baseline	H5 不支持。规定与<col>元素相关的内容的垂直对齐方式	菜鸟教程 w3school
width	% pixels relative_length	H5 不支持。规定<col>元素的宽度	菜鸟教程 w3school

<colgroup></colgroup> 菜鸟教程 w3school

属性	值	描述	属性链接
align	left right center justify char	H5 不支持。规定在列组合中内容的水平对齐方式	菜鸟教程 w3school
char	character	H5 不支持。规定根据哪个字符来对齐列组中的内容。	菜鸟教程 w3school
charoff	number	H5 不支持。规定第一个对齐字符的偏移量	菜鸟教程 w3school
span	number	规定列组应该横跨的列数	菜鸟教程 w3school
valign	top middle bottom baseline	H5 不支持。定义在列组合中内容的垂直对齐方式	菜鸟教程 w3school
width	pixels % relative_length	H5 不支持。规定列组合的宽度	菜鸟教程 w3school

<command></command> 菜鸟教程 w3school（是 H5 中的新标签，但只有 Internet Explorer 9 （更早或更晚的版本都不支持）支持此标签）

属性	值	描述	属性链接
checked（ H5 新增）	checked	规定当页面加载时，command 是否被选中。仅用于 radio 或 checkbox 类型	菜鸟教程 w3school
disabled（ H5 新增）	disabled	规定 command 是否可用	菜鸟教程 w3school
icon（ H5 新增）	URL	规定作为 command 来显示的图像的 URL	菜鸟教程 w3school
label（ H5 新增）	text	必需。规定 command 的名字，对用户可见。	菜鸟教程 w3school
radiogroup（ H5 新增）	groupname	规定可进行切换且将被切换的 command 所属的组名。仅在类型为 radio 时使用	菜鸟教程 w3school
type（ H5 新增）	checkbox command radio	定义 command 的类型。默认是 "command"。	菜鸟教程 w3school

<datalist></datalist> 菜鸟教程 w3school

属性	值	描述	属性链接
全局属性	/	/	全局属性

<dd></dd> 菜鸟教程 w3school

属性	值	描述	属性链接
全局属性	/	/	全局属性

<del></del> 菜鸟教程 w3school

属性	值	描述	属性链接
cite	URL	规定一个解释了文本被删除的原因的文档的 URL	菜鸟教程 w3school
datetime	YYYY-MM-DDThh:mm:ssTZD	规定文本被删除的日期和时间	菜鸟教程 w3school

<details></details> 菜鸟教程 w3school（H5新标签，只有 Chrome 和 Safari 6 支持此标签）

属性	值	描述	属性链接
open（ H5 新增）	open	规定 details 是否可见	菜鸟教程 w3school

<dfn></dfn> 菜鸟教程 w3school

属性	值	描述	属性链接
全局属性	/	/	全局属性

<dialog></dialog> 菜鸟教程 w3school（H5 新标签，但只有 Chrome 和 Safari 6 支持此标签）

属性	值	描述	属性链接
open（ H5 新增）	open	规定 dialog 元素是有效的，用户可以与它进行交互	菜鸟教程 w3school

<dir></dir> 菜鸟教程 w3school（ H5 不支持，HTML 4.01 已不赞成使用，请使用样式代替）

属性	值	描述	属性链接
compact	compact	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定列表必须比常规状态小一号呈现	菜鸟教程 w3school

<div></div> 菜鸟教程 w3school

属性	值	描述	属性链接
align	left right center justify	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定此元素中的内容的对齐方式	菜鸟教程 w3school

<dl></dl> 菜鸟教程 w3school

属性	值	描述	属性链接
全局属性	/	/	全局属性

<dt></dt> 菜鸟教程 w3school

属性	值	描述	属性链接
全局属性	/	/	全局属性

<em></em> 菜鸟教程 w3school

属性	值	描述	属性链接
全局属性	/	/	全局属性

<embed> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
height（ H5 新增）	pixels	规定嵌入内容的高度	菜鸟教程 w3school
src（ H5 新增）	URL	规定被嵌入内容的 URL	菜鸟教程 w3school
type（ H5 新增）	MIME_type	定义嵌入内容的类型	菜鸟教程 w3school
width（ H5 新增）	pixels	规定嵌入内容的宽度	菜鸟教程 w3school

F ➔ K

<fieldset></fieldset> 菜鸟教程 w3school（ HTML 4.01 中不支持下面列出的三个属性）

属性	值	描述	属性链接
disabled（ H5 新增）	disabled	规定应该禁用 fieldset	菜鸟教程 w3school
form（ H5 新增）	form_id	规定 fieldset 所属的一个或多个表单	菜鸟教程 w3school
name（ H5 新增）	text	规定 fieldset 的名称	菜鸟教程 w3school

<figcaption></figcaption> 菜鸟教程 w3school（ H5 中的新标签，IE 8 或更早版本的 IE 浏览器不支持此标签）

属性	值	描述	属性链接
全局属性	/	/	全局属性

<figure></figure> 菜鸟教程 w3school（ H5 中的新标签，IE 8 或更早版本的 IE 浏览器不支持此标签）

属性	值	描述	属性链接
全局属性	/	/	全局属性

<font></font> 菜鸟教程 w3school（ H5 中不支持，HTML 4.01 已不赞成使用，请使用样式代替）

属性	值	描述	属性链接
color	rgb(x,x,x) #xxxxxx colorname	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定文本的颜色	菜鸟教程 w3school
face	font_family	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定文本的字体	菜鸟教程 w3school
size	number	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定文本的尺寸	菜鸟教程 w3school

<footer></footer> 菜鸟教程 w3school（ H5 中的新标签，IE 8 或更早版本的 IE 浏览器不支持此标签）

属性	值	描述	属性链接
全局属性	/	/	全局属性

<form></form> 菜鸟教程 w3school

属性	值	描述	属性链接
accept	MIME_type	H5 不支持。规定服务器接收到的文件的类型。（文件是通过文件上传提交的）	菜鸟教程 w3school(无)
accept-charset	character_set	规定服务器可处理的表单数据字符集	菜鸟教程 w3school
action	URL	规定当提交表单时向何处发送表单数据	菜鸟教程 w3school
autocomplete（H5 新增）	on off	规定是否启用表单的自动完成功能	菜鸟教程 w3school
enctype	application/x-www-form-urlencoded multipart/form-data text/plain	规定在向服务器发送表单数据之前如何对其进行编码。（适用于 method="post" 的情况）	菜鸟教程 w3school
method	get post	规定用于发送表单数据的 HTTP 方法	菜鸟教程 w3school
name	text	规定表单的名称	菜鸟教程 w3school
novalidate（H5 新增）	novalidate	如果使用该属性，则提交表单时不进行验证	菜鸟教程 w3school
target	_blank _self _parent _top	规定在何处打开 action URL	菜鸟教程 w3school

<frame></frame> 菜鸟教程 w3school（ H5 不支持此标签，HTML 4.01 支持此标签）

属性	值	描述	属性链接
frameborder	0 1	H5 不支持。规定是否显示框架周围的边框	菜鸟教程 w3school
longdesc	URL	H5 不支持。规定一个包含有关框架内容的长描述的页面。	菜鸟教程 w3school
marginheight	pixels	H5 不支持。规定框架的上方和下方的边距。	菜鸟教程 w3school
marginwidth	pixels	H5 不支持。规定框架的左侧和右侧的边距。	菜鸟教程 w3school
name	name	H5 不支持。规定框架的名称。	菜鸟教程 w3school
noresize	noresize	H5 不支持。规定无法调整框架的大小。	菜鸟教程 w3school
scrolling	yes no auto	H5 不支持。规定是否在框架中显示滚动条。	菜鸟教程 w3school
src	URL	H5 不支持。规定在框架中显示的文档的 URL	菜鸟教程 w3school

<frameset></frameset> 菜鸟教程 w3school（ H5 不支持此标签，HTML 4.01 支持标签）

属性	值	描述	属性链接
cols	pixels % *	H5 不支持。规定框架集中列的数目和尺寸	菜鸟教程 w3school
rows	pixels % *	H5 不支持。规定框架集中行的数目和尺寸	菜鸟教程 w3school

<h1></h1> ➔ <h6></h6> 菜鸟教程 w3school

属性	值	描述	属性链接
align	left center right justify	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定标题中文本的排列	菜鸟教程 w3school

<head></head> 菜鸟教程 w3school

属性	值	描述	属性链接
profile	URL	H5 不支持。规定文档 URL 的一系列规则。这些规则能被浏览器识别并且准确读取<meta>标签的内容属性中的信息。	菜鸟教程(无) w3school(无)

<header></header> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
全局属性	/	/	全局属性

<hgroup></hgroup> 菜鸟教程（ H5 中的新标签）

属性	值	描述	属性链接
全局属性	/	/	全局属性

<hr> 菜鸟教程 w3school（下面列出的所有属性，H5 都已不支持，HTML 4.01 中已不赞成使用，请使用样式代替）

属性	值	描述	属性链接
align	left center right	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定<hr>元素的对齐方式	菜鸟教程 w3school
noshade	noshade	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定<hr>元素的颜色呈现为纯色。	菜鸟教程 w3school
size	pixels	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定<hr>元素的高度	菜鸟教程 w3school
width	pixels %	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定<hr>元素的宽度	菜鸟教程 w3school

<html></html> 菜鸟教程 w3school

属性	值	描述	属性链接
manifest（H5 新增）	URL	定义一个 URL，在这个 URL 上描述了文档的缓存信息。	菜鸟教程 w3school(无)
xmlns	http://www.w3.org/1999/xhtml	HTML 不支持。只有 XHTML 支持。规定 XML 的 namespace 属性（如果您需要您的内容符合 XHTML，则使用这个属性。）。	菜鸟教程 w3school

<i></i> 菜鸟教程 w3school

属性	值	描述	属性链接
全局属性	/	/	全局属性

<iframe></iframe> 菜鸟教程 w3school

属性	值	描述	属性链接
align	left right top middle bottom	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定如何根据周围的元素来对齐 <iframe>	菜鸟教程 w3school
frameborder	1 0	H5 不支持。规定是否显示 <iframe> 周围的边框	菜鸟教程 w3school
height	pixels	规定 <iframe> 的高度。	菜鸟教程 w3school
longdesc	URL	H5 不支持。规定一个页面，该页面包含了有关 <iframe> 的较长描述	菜鸟教程 w3school
marginheight	pixels	H5 不支持。规定 <iframe> 的顶部和底部的边距。	菜鸟教程 w3school
marginwidth	pixels	H5 不支持。规定 <iframe> 的左侧和右侧的边距。	菜鸟教程 w3school
name	name	规定 <iframe> 的名称	菜鸟教程 w3school
sandbox（H5 新增）	"" allow-forms allow-same-origin allow-scripts allow-top-navigation	对 <iframe> 的内容定义一系列额外的限制	菜鸟教程 w3school
scrolling	yes no auto	H5 不支持。规定是否在 <iframe> 中显示滚动条	菜鸟教程 w3school
seamless（H5 新增）	seamless	规定 <iframe> 看起来像是父文档中的一部分。	菜鸟教程 w3school
src	URL	规定在 <iframe> 中显示的文档的 URL	菜鸟教程 w3school
srcdoc（H5 新增）	HTML_code	规定页面中的 HTML 内容显示在 <iframe> 中	菜鸟教程 w3school
width	pixels	规定 <iframe> 的宽度	菜鸟教程 w3school

<img> 菜鸟教程 w3school

属性	值	描述	属性链接
align	top bottom middle left right	H5 不支持。 HTML 4.01 已废弃。规定如何根据周围的文本来排列图像	菜鸟教程 w3school
alt（必需）	text	规定图像的替代文本	菜鸟教程 w3school
border	pixels	H5 不支持。 HTML 4.01 已废弃。规定图像周围的边框。	菜鸟教程 w3school
crossorigin（H5 新增）	anonymous use-credentials	设置图像的跨域属性	菜鸟教程(无) w3school未收录此属性
height	pixels	规定图像的高度。	菜鸟教程 w3school
hspace	pixels	H5 不支持。 HTML 4.01 已废弃。规定图像左侧和右侧的空白。	菜鸟教程 w3school
ismap	URL	将图像规定为服务器端图像映射。	菜鸟教程 w3school
longdesc	URL	H5 不支持。 HTML 4.01 已废弃。指向包含长的图像描述文档的 URL。	菜鸟教程 w3school
src（必需）	URL	规定显示图像的 URL。	菜鸟教程 w3school
usemap	URL	将图像定义为客户器端图像映射。	菜鸟教程 w3school
vspace	pixels	H5 不支持。 HTML 4.01 已废弃。规定图像顶部和底部的空白。	菜鸟教程 w3school
width	pixels	规定图像的宽度。	菜鸟教程 w3school

<input> 菜鸟教程 w3school

属性	值	描述	属性链接
accept	audio/* video/* image/* MIME_type	规定通过文件上传来提交的文件的类型。 (只针对 type = "file" )	菜鸟教程 w3school
align	left right top middle bottom	H5 不支持。 HTML 4.01 已废弃，请使用样式取代。规定图像输入的对齐方式。 (只针对 type = "image" )	菜鸟教程 w3school
alt	text	定义图像输入的替代文本。 (只针对 type = "image" )	菜鸟教程 w3school
autocomplete（H5 新增）	on off	autocomplete 属性规定 <input> 元素输入字段是否应该启用自动完成功能。	菜鸟教程 w3school
autofocus（H5 新增）	autofocus	属性规定当页面加载时 <input> 元素应该自动获得焦点	菜鸟教程 w3school
checked	checked	checked 属性规定在页面加载时应该被预先选定的 <input> 元素。 (只针对 type = "checkbox" 或者 type = "radio" )	菜鸟教程 w3school
disabled	disabled	disabled 属性规定应该禁用的 <input> 元素。	菜鸟教程 w3school
form（H5 新增）	form_id	form 属性规定 <input> 元素所属的一个或多个表单。	菜鸟教程 w3school
formaction（H5 新增）	URL	属性规定当表单提交时处理输入控件的文件的 URL。(只针对 type = "submit" 和 type = "image" )	菜鸟教程 w3school
formenctype（H5 新增）	application/x-www-form-urlencoded multipart/form-data text/plain	属性规定当表单数据提交到服务器时如何编码(只适合 type ="submit" 和 type = "image" )。	菜鸟教程 w3school
formmethod（H5 新增）	get post	定义发送表单数据到 action URL 的 HTTP 方法。 (只适合 type = "submit" 和 type = "image" )	菜鸟教程 w3school
formnovalidate（H5 新增）	formnovalidate	formnovalidate 属性覆盖 <form> 元素的 novalidate 属性。	菜鸟教程 w3school
formtarget（H5 新增）	_blank _self _parent _top framename	规定表示提交表单后在哪里显示接收到响应的名称或关键词。(只适合 type = "submit" 和 type = "image" )	菜鸟教程 w3school
height（H5 新增）	pixels %	规定 <input> 元素的高度。(只针对 type = "image" )	菜鸟教程 w3school
list（H5 新增）	datalist-id	属性引用 <datalist> 元素，其中包含 <input> 元素的预定义选项。	菜鸟教程 w3school
max（H5 新增）	number date	属性规定 <input> 元素的最大值。请与 "min" 属性配合使用，来创建合法值的范围	菜鸟教程 w3school
maxlength	number	属性规定 <input> 元素中允许的最大字符数。	菜鸟教程 w3school
min（H5 新增）	number date	属性规定 <input> 元素的最小值。请与 "max" 属性配合使用，来创建合法值的范围。	菜鸟教程 w3school
multiple（H5 新增）	multiple	属性规定允许用户输入到 <input> 元素的多个值。	菜鸟教程 w3school
name	text	name 属性规定 <input> 元素的名称。	菜鸟教程 w3school
pattern（H5 新增）	regexp	pattern 属性规定用于验证 <input> 元素的值的正则表达式。	菜鸟教程 w3school
placeholder（H5 新增）	text	placeholder 属性规定可描述输入 <input> 字段预期值的简短的提示信息。	菜鸟教程 w3school
readonly	readonly	readonly 属性规定输入字段是只读的。	菜鸟教程 w3school
required（H5 新增）	required	属性规定必需在提交表单之前填写输入字段。	菜鸟教程 w3school
size	number_of_char	size 属性规定以字符数计的 <input> 元素的可见宽度。	菜鸟教程 w3school
src	URL	src 属性规定显示为提交按钮的图像的 URL。 (只针对 type = "image" )	菜鸟教程 w3school
step（H5 新增）	number	step 属性规定 <input> 元素的合法数字间隔。	菜鸟教程 w3school
type	button checkbox color date datetime datetime-local email file hidden image month number password radio range reset search submit tel text time url week	type 属性规定要显示的 <input> 元素的类型。	菜鸟教程 w3school
value	text	指定 <input> 元素 value 的值	菜鸟教程 w3school
width（H5 新增）	pixels %	width 属性规定元素的宽度。 (只针对 type = "image" )	菜鸟教程 w3school

<ins></ins> 菜鸟教程 w3school

属性	值	描述	属性链接
cite	URL	规定一个文档的 URL，该文档解释了文本被插入的原因。	菜鸟教程 w3school
datetime	YYYY-MM-DDThh:mm:ssTZD	规定文本被插入的日期和时间。	菜鸟教程 w3school

<kbd></kbd> 菜鸟教程 w3school（菜鸟教程：此标签已废弃，不推荐使用，但是可以通过CSS实现丰富的效果）

属性	值	描述	属性链接
全局属性	/	/	全局属性

<keygen> 菜鸟教程 w3school（ H5 新增标签。菜鸟教程：该标签在新的 Web 标准中已废弃）

属性	值	描述	属性链接
autofocus（H5 新增）	autofocus	使 <keygen> 字段在页面加载时获得焦点	菜鸟教程 w3school
challenge（H5 新增）	challenge	如果使用，则将 keygen 的值设置为在提交时询问。	菜鸟教程(无) w3school(无)
disabled（H5 新增）	disabled	禁用 <keygen> 元素字段。	菜鸟教程 w3school
form（H5 新增）	form_id	定义该 <keygen> 字段所属的一个或多个表单。	菜鸟教程 w3school
keytype（H5 新增）	rsa dsa ec	定义密钥的安全算法。	菜鸟教程 w3school
name（H5 新增）	name	定义 <keygen> 元素的唯一名称。 name 属性用于在提交表单时搜集字段的值。	菜鸟教程 w3school

L ➔ O

<label></label> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school

<legend></legend> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school

**<li></li> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school

<link> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<main></main> w3school（ H5 中的新标签）

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<map></map> 菜鸟教程 w3school

属性	值	描述	属性链接
id（ w3school 指出：id 属性是必需的，并且写了 id 就必须写 name ）菜鸟中没有给出 id 这个属性，但菜鸟中指出：在 H5 中, 如果 id 属性在<map>标签中指定, 则你必须同样指定 name 属性	unique_name	为 map 标签定义唯一的名称	菜鸟教程(无) w3school(无)
name （对于此属性，菜鸟中说的是必需，w3school 中说的是可选）	mapname	为 image-map 规定的名称	菜鸟教程 w3school

<mark></mark> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<menu></menu> 菜鸟教程 w3school（目前所有主流浏览器都不支持此标签，H5 重新定义了此标签，HTML 4.01 已不赞成使用）

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school

<menuitem></menuitem> w3school（ H5 中的新标签，以下所有属性只在 w3school 中列出，菜鸟中连这个标签都没有收录）

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)
			菜鸟教程(无) w3school(无)
			菜鸟教程(无) w3school(无)
			菜鸟教程(无) w3school(无)
			菜鸟教程(无) w3school(无)
			菜鸟教程(无) w3school(无)
			菜鸟教程(无) w3school(无)
			菜鸟教程(无) w3school(无)

<meta> 菜鸟教程 w3school

属性	值	描述	属性链接
charset（ H5 新增）此属性 w3school 中没有收录	character_set	定义文档的字符编码	菜鸟教程 w3school(无)
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<meter></meter> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<nav></nav> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<noframes></noframes> 菜鸟教程 w3school（ H5 不支持标签，HTML4.01 支持）

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<noscript></noscript> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<object></object> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<ol></ol> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<optgroup></optgroup> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school

<option></option> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<output></output> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

P ➔ S

<p></p> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school

<param> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school(无)
			菜鸟教程(无) w3school(无)
			菜鸟教程 w3school(无)
			菜鸟教程(无) w3school(无)

<pre></pre> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school(无)

<progress></progress> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school

<q></q> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school

<rp></rp> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<rt></rt> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<ruby></ruby> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<s></s> 菜鸟教程 w3school（ H5 重新定义了此标签，请使用<del></del>替代它；HTML 4.01 中已不赞成使用<s>标签）

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<samp></samp> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<script></script> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
xml:space	preserve	H5 不支持。规定是否保留代码中的空白。	菜鸟教程(无) w3school(无)

<section></section> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
cite（ H5 新增）菜鸟没有列出此属性	URL	section 的 URL，假如 section 摘自 web 的话。	菜鸟教程(无) w3school(无)

<select></select> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<small></small> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<source> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<span></span> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<strike></strike> 菜鸟教程 w3school（ H5 不支持此标签，请用<del></del>标签代替，HTML 4.01 已不赞成使用）

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<strong></strong> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<style></style> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<sub></sub> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<summary></summary> 菜鸟教程 w3school（ H5 中的新标签，只有 Chrome 和 Safari 6 支持此标签）

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<sup></sup> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

T ➔ Z 和其它标签

<table></table> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<tbody></tbody> 菜鸟教程 w3school（在 H5 中，不再支持 HTML 4.01 中此标签的任何属性）

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<td></td> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<textarea></textarea> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<tfoot></tfoot> 菜鸟教程 w3school（在 H5 中，不再支持 HTML 4.01 中此标签的任何属性）

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<th></th> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<thead></thead> 菜鸟教程 w3school（在 H5 中，不再支持 HTML 4.01 中此标签的任何属性）

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<time></time> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程(无) w3school

<title></title> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<tr></tr> 菜鸟教程 w3school（在 H5 中，不再支持 HTML 4.01 中此标签的任何属性）

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<track> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<tt></tt> 菜鸟教程 w3school（ H5 不支持此标签。HTML 4.01 支持此标签，以下所有属性，w3school 中均未收录）

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)
			菜鸟教程(无) w3school(无)
			菜鸟教程(无) w3school(无)
			菜鸟教程(无) w3school(无)
			菜鸟教程(无) w3school(无)
			菜鸟教程(无) w3school(无)
			菜鸟教程(无) w3school(无)

<u></u> 菜鸟教程 w3school（ H5 重新定义了此标签。HTML 4.01 中已不赞成使用）

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<ul></ul> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school

<var></var> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<video></video> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school
			菜鸟教程 w3school

<wbr></wbr> 菜鸟教程 w3school（ H5 中的新标签）

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

- <!- - - -> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

<!DOCTYPE> 菜鸟教程 w3school

属性	值	描述	属性链接
			菜鸟教程(无) w3school(无)

HTML 全局属性（可用于任何 HTML 元素）

属性	值	属性链接
accesskey	设置访问元素的键盘快捷键。	菜鸟教程 w3school
class	规定元素的一个或多个类名	菜鸟教程 w3school
contenteditable（ H5 新增）	规定是否可编辑元素的内容	菜鸟教程 w3school
contextmenu（ H5 新增）	指定一个元素的上下文菜单。当用户右击该元素，出现上下文菜单	菜鸟教程 w3school
data-*（ H5 新增）	用于存储页面的自定义数据	菜鸟教程 w3school
dir	设置元素中内容的文本方向。	菜鸟教程 w3school
draggable（ H5 新增）	指定某个元素是否可以拖动	菜鸟教程 w3school
dropzone（ H5 新增）	规定在拖动被拖动数据时是否进行复制、移动、链接或删除	菜鸟教程 w3school
hidden（ H5 新增）	hidden 属性规定对元素进行隐藏。	菜鸟教程 w3school
id	规定元素的唯一 id	菜鸟教程 w3school
lang	设置元素中内容的语言	菜鸟教程 w3school
spellcheck（ H5 新增）	规定是否对元素进行拼写和语法检查	菜鸟教程 w3school
style	规定元素的行内 CSS 样式	菜鸟教程 w3school
tabindex	设置元素的 Tab 键控制次序	菜鸟教程 w3school
title	规定元素的额外信息（可在工具提示中显示）	菜鸟教程 w3school
translate（ H5 新增）	指定一个元素的值在页面载入时是否需要翻译	菜鸟教程 w3school

WinstonLau

关注

22
点赞
踩
111

收藏

觉得还不错? 一键收藏
4
评论
HTML所有标签及其属性汇总

A ➔ EF ➔ JK ➔ OP ➔ TU ➔ YZ 和其它标签html 全局属性A ➔ E&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;
复制链接

扫一扫