完整的 HTML 元素属性列表(不包括 SVG 和 MathML)

一个 HTML 元素由以下几个部分构成:

  • 起始标签(opening tag):由一个左尖括号(<)和紧随其后的标签名组成,标记元素的开始。
  • 属性(attributes):位于起始标签中,在标签名之后,可以提供有关元素的额外信息。
  • 元素内容(element content):位于起始标签和结束标签之间的文本内容。
  • 结束标签(closing tag):由左尖括号、斜杠(/)和标签名组成,标记元素的结束。
  • 自封闭标签(self-closing tag):有些元素没有内容,只有属性。这种元素可以使用自封闭标签,例如 <img> 标签。

以下是一个例子,说明了一个典型的 HTML 元素的不同部分:

<a href="https://example.com">Click here</a>

这个元素的起始标签是 <a>,包含了一个属性 href。元素内容是 Click here。结束标签是 </a>

不同类型的 HTML 元素可以拥有不同的属性。此列表可能不包含所有 HTML 元素属性。

标签 属性名 属性值类型 默认值 必需 描述
accept
accept-charset
accesskey string 激活元素的快捷键
action
align
alt
async
autocomplete
autofocus
autoplay
bgcolor
border
buffered
challenge
charset
checked
cite
class string 为元素指定一个或多个类名
code
codebase
color
cols
colspan
content
contenteditable boolean
enumerated
inherit
false 指示元素是否可编辑
contextmenu
controls
coords
crossorigin
data
data-* any 自定义数据属性
datetime
default
defer
dir “ltr”
“rtl”
“auto”
auto 定义元素文本的方向
dirname
disabled
a download string 指定下载链接的目标文件名
draggable boolean
auto
指示元素是否可拖动
dropzone
enctype
for
form
formaction
headers
height
hidden boolean 指示元素是否隐藏
high
a href URL
#
定义超链接目标地址
a hreflang BCP 47
RFC 3066
定义目标页面的语言
http-equiv
icon
id string 为元素指定唯一的标识符
integrity
ismap
item
itemprop
keytype
kind
label
lang string 定义元素的语言
language
list
loop
low
manifest
max
maxlength
a media media query 指定链接的媒体类型
method
min
minlength
multiple
muted
name
novalidate
open
optimum
pattern
a ping URL 发送异步请求以提供用户浏览信息
placeholder string
poster
preload
radiogroup
readonly
a referrerpolicy “no-referrer”
“no-referrer-when-downgrade”
“origin”
“origin-when-cross-origin”
“same-origin”
“strict-origin”
“strict-origin-when-cross-origin”
“unsafe-url”
控制发送
rel
required
reversed
rows
rowspan
sandbox
scope
scoped
scrolling
seamless
selected
shape
size
sizes
slot
span
spellcheck boolean 指示元素是否需要拼写检查
src string
srcdoc
srclang
srcset
start
step
style string 为元素指定 CSS 样式
summary
tabindex integer 定义元素在 tab 键顺序中的位置
target string
title string 定义元素的额外信息
translate “yes”
“no”
yes 指示是否应该翻译元素及其后代元素的文本
type
usemap
value
width
wrap
z-index integer

注意:由于 HTML 标准经常更新,可能会有一些属性不再被推荐使用或已被弃用。

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/snans/article/details/129261969