一个 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 标准经常更新,可能会有一些属性不再被推荐使用或已被弃用。