面向 Web 开发人员版本 — 最后更新于 2024 年 9 月 12 日
表格中单元格中的星号 (*) 表示实际规则比上面表格中所示的更复杂。
† “父级”列中的类别指的是在其内容模型中列出给定类别的父级,而不是指本身属于这些类别的元素。例如,
元素的 “父级” 列显示 “短语”,因此任何内容模型包含 “短语” 类别的元素都可能是 a
元素的父级。由于 “流” 类别包含所有 “短语” 元素,这意味着 a
元素可能是 th
元素的父级。a
属性 | 元素 | 描述 | 值 |
---|---|---|---|
abbr
| th
| 在其他上下文中引用单元格时,用作标题单元格的替代标签 | 文本* |
accept
| input
| 在 文件上传控件 中,预期文件类型的提示 | 逗号分隔的令牌集*,由 有效的无参数 MIME 类型字符串 或 audio/* 、video/* 或 image/* 组成 |
accept-charset
| form
| 用于 表单提交 的字符编码 | ASCII 不区分大小写 与“UTF-8 ”匹配 |
accesskey
| HTML 元素 | 激活或聚焦元素的键盘快捷键 | 唯一空格分隔令牌的有序集,其中没有一个 与 另一个相同,每个令牌都包含一个长度为一个代码点的令牌 |
action
| form
| 用于 表单提交 的 URL | 有效的非空 URL,可能被空格包围 |
allow
| iframe
| 要应用于 iframe 内容的 权限策略 | 序列化权限策略 |
allowfullscreen
| iframe
| 是否允许 iframe 的内容使用 requestFullscreen() | 布尔属性 |
alt
| area ; img ; input | 当图像不可用时使用的替代文本 | 文本* |
as
| link
| 预加载请求的 潜在目标(对于 rel ="preload " 和 rel ="modulepreload ") | 潜在目标,对于 rel ="preload "; 脚本类目标,对于 rel ="modulepreload " |
async
| 脚本
| 在脚本可用时执行脚本,而不阻塞获取 | 布尔属性 |
autocapitalize
| HTML 元素 | 推荐的自动大写行为(对于支持的输入方法) | "on "; "off "; "none "; "sentences "; "words "; "characters " |
autocomplete
| form
| 表单中控件的自动填充功能的默认设置 | "on "; "off " |
autocomplete
| input ; select ; textarea | 表单自动填充功能的提示 | 自动填充字段 名称和相关令牌* |
autocorrect
| HTML 元素 | 推荐的自动更正行为(对于支持的输入方法) | "on "; "off " |
autofocus
| HTML 元素 | 页面加载时自动聚焦元素 | 布尔属性 |
autoplay
| audio ; video | 提示 媒体资源 在页面加载时可以自动启动 | 布尔属性 |
blocking
| link ; script ; style | 元素是否 潜在的渲染阻塞 | 唯一空格分隔令牌的无序集* |
charset
| meta
| 字符编码声明 | "utf-8 " |
选中
| input
| 是否选中控件 | 布尔属性 |
cite
| blockquote ; del ; ins ; q | 引用来源的链接或有关编辑的更多信息 | 有效的 URL,可能用空格包围 |
类
| HTML 元素 | 元素所属的类 | 一组用空格分隔的标记 |
颜色
| link
| 自定义网站图标时使用的颜色(对于 rel ="mask-icon ") | CSS <color> |
列
| 文本域
| 每行的最大字符数 | 有效的非负整数 大于零 |
列跨度
| td ; th | 单元格要跨越的列数 | 有效的非负整数 大于零 |
内容
| meta
| 元素的值 | 文本* |
可编辑
| HTML 元素 | 元素是否可编辑 | "true "; "plaintext-only "; "false " |
控件
| audio ; video | 显示用户代理控件 | 布尔属性 |
坐标
| area
| 在 图像地图 中创建形状的坐标 | 有效的浮点数列表* |
跨域
| audio ; img ; link ; script ; video | 元素如何处理跨域请求 | "anonymous "; "use-credentials " |
data
| object
| 资源的地址 | 有效的非空 URL,可能被空格包围 |
日期时间
| del ; ins | 更改的日期和(可选)时间 | 有效的日期字符串,可选时间 |
日期时间
| time
| 机器可读的值 | 有效的月份字符串,有效的日期字符串,有效的无年日期字符串,有效的时钟字符串,有效的本地日期和时间字符串,有效的时区偏移量字符串,有效的全局日期和时间字符串,有效的星期字符串,有效的非负整数,或 有效的持续时间字符串 |
解码
| img
| 处理此图像以进行呈现时要使用的解码提示 | "sync "; "async "; "auto " |
默认
| track
| 如果没有其他更合适的 文本轨道,则启用该轨道 | 布尔属性 |
延迟
| 脚本
| 延迟脚本执行 | 布尔属性 |
方向
| HTML 元素 | 元素的文本方向 | "ltr "; "rtl "; "auto " |
方向
| bdo
| 元素的文本方向 | "ltr "; "rtl " |
目录名
| input ; textarea | 用于发送元素的 方向 的表单控件名称,在 表单提交 中 | 文本* |
禁用
| button ; input ; optgroup ; option ; select ; textarea ; 与表单关联的自定义元素 | 表单控件是否禁用 | 布尔属性 |
禁用
| fieldset
| 子表单控件是否禁用,但 legend 中的除外 | 布尔属性 |
禁用
| link
| 链接是否禁用 | 布尔属性 |
下载
| a ; area | 是否下载资源而不是导航到它,如果是,则下载资源的文件名 | 文本 |
可拖动
| HTML 元素 | 元素是否可拖动 | "true "; "false " |
编码类型
| form
| 条目列表 用于 表单提交 的编码类型 | "application/x-www-form-urlencoded "; "multipart/form-data "; "text/plain " |
enterkeyhint
| HTML 元素 | 选择回车键操作的提示 | "enter "; "done "; "go "; "next "; "previous "; "search "; "send " |
获取优先级
| img ; link ; script | 设置由元素启动的 优先级 以进行 获取 | "auto "; "high "; "low " |
为
| label
| 将标签与表单控件关联 | ID* |
为
| output
| 指定计算输出的控件 | 一组唯一的用空格分隔的标记,由 ID 组成* |
form
| button ; fieldset ; input ; object ; output ; select ; textarea ; 与表单关联的自定义元素 | 将元素与 form 元素关联 | ID* |
formaction
| button ; input | URL 用于 表单提交 | 有效的非空 URL,可能被空格包围 |
formenctype
| button ; input | 条目列表 用于 表单提交 的编码类型 | "application/x-www-form-urlencoded "; "multipart/form-data "; "text/plain " |
formmethod
| button ; input | 用于 表单提交 的变体 | "GET "; "POST "; "dialog " |
formnovalidate
| button ; input | 绕过 表单提交 的表单控件验证 | 布尔属性 |
formtarget
| button ; input | 可导航的 用于 表单提交 | 有效的可导航目标名称或关键字 |
标题
| td ; th | 此单元格的标题单元格 | 一组唯一的用空格分隔的标记,由 ID 组成* |
高度
| canvas ; embed ; iframe ; img ; input ; object ; source (在 picture 中); video | 垂直尺寸 | 有效的非负整数 |
隐藏
| 元素是否相关 | " | "; " "; 空字符串|
高
| meter
| 高范围的下限 | 有效的浮点数* |
href
| a ; area | 超链接 的地址 | 有效的 URL,可能用空格包围 |
href
| link
| 超链接 的地址 | 有效的非空 URL,可能被空格包围 |
href
| base
| 文档基本 URL | 有效的 URL,可能用空格包围 |
hreflang
| a ; link | 链接资源的语言 | 有效的 BCP 47 语言标签 |
http-equiv
| meta
| 语义指令 | "content-type "; "default-style "; "refresh "; "x-ua-compatible "; "content-security-policy " |
id
| HTML 元素 | 元素的 ID | 文本* |
imagesizes
| link
| 不同页面布局的图像尺寸(针对 rel ="preload ") | 有效的源尺寸列表 |
imagesrcset
| link
| 在不同情况下使用的图像,例如高分辨率显示器、小型显示器等(针对 rel ="preload ") | 以逗号分隔的 图像候选字符串 列表 |
inert
| HTML 元素 | 元素是否 不活跃。 | 布尔属性 |
inputmode
| HTML 元素 | 选择输入模式的提示 | "none "; "text "; "tel "; "email "; "url "; "numeric "; "decimal "; "search " |
integrity
| link ; script | 在 子资源完整性 检查中使用的完整性元数据 [SRI] | 文本 |
is
| HTML 元素 | 创建一个 自定义内置元素 | 有效的自定义元素名称,一个定义的 自定义内置元素 |
ismap
| img
| 图像是否为服务器端图像地图 | 布尔属性 |
itemid
| HTML 元素 | 微数据项的 全局标识符 | 有效的 URL,可能用空格包围 |
itemprop
| HTML 元素 | 微数据项的 属性名称 | 无序的唯一空格分隔标记集,由 有效的绝对 URL、定义的属性名称或文本*组成 |
itemref
| HTML 元素 | 引用的元素 | 无序的唯一空格分隔标记集,由 ID* 组成 |
itemscope
| HTML 元素 | 引入一个微数据项 | 布尔属性 |
itemtype
| HTML 元素 | 微数据项的 项目类型 | 无序的唯一空格分隔标记集,由 有效的绝对 URL* 组成 |
kind
| track
| 文本轨道的类型 | "subtitles "; "captions "; "descriptions "; "chapters "; "metadata " |
label
| optgroup ; option ; track | 对用户可见的标签 | 文本 |
lang
| HTML 元素 | 语言元素 | 有效的 BCP 47 语言标签或空字符串 |
list
| input
| 自动完成选项列表 | ID* |
loading
| iframe ; img | 用于确定加载延迟 | "lazy "; "eager " |
loop
| audio ; video | 是否循环 媒体资源 | 布尔属性 |
low
| meter
| 低范围的上限 | 有效的浮点数* |
max
| input
| 最大值 | 不同* |
max
| meter ; progress | 范围的上限 | 有效的浮点数* |
maxlength
| input ; textarea | 值的 长度 的最大值 | 有效的非负整数 |
media
| link ; meta ; source ; style | 适用的媒体 | 有效的媒体查询列表 |
method
| form
| 用于 表单提交 的变体 | "GET "; "POST "; "dialog " |
min
| input
| 最小值 | 不同* |
min
| meter
| 范围的下限 | 有效的浮点数* |
minlength
| input ; textarea | 值的 长度 的最小值 | 有效的非负整数 |
multiple
| input ; select | 是否允许多个值 | 布尔属性 |
muted
| audio ; video | 是否默认静音 媒体资源 | 布尔属性 |
name
| button ; fieldset ; input ; output ; select ; textarea ; 与表单关联的自定义元素 | 用于 表单提交 和 form.elements API 的元素名称 | 文本* |
name
| details
| 相互排斥的 details 元素组的名称 | 文本* |
name
| form
| 在 document.forms API 中使用的表单名称 | 文本* |
name
| iframe ; object | 内容可导航的 的名称 | 有效的可导航目标名称或关键字 |
name
| map
| 要从 usemap 属性 引用 的 图像地图 的名称 | 文本* |
name
| meta
| 元数据名称 | 文本* |
name
| 插槽
| 阴影树槽的名称 | 文本 |
nomodule
| 脚本
| 阻止在支持 模块脚本 的用户代理中执行 | 布尔属性 |
nonce
| HTML 元素 | 在 内容安全策略 检查中使用的加密 nonce [CSP] | 文本 |
novalidate
| form
| 绕过表单控制验证,以进行 表单提交 | 布尔属性 |
open
| details
| details 是否可见 | 布尔属性 |
open
| dialog
| 对话框是否显示 | 布尔属性 |
optimum
| meter
| 仪表中的最佳值 | 有效的浮点数* |
pattern
| input
| 表单控制值的匹配模式 | 匹配 JavaScript 模式 产生的正则表达式 |
ping
| a ; area | 要 ping 的 URL | 空格分隔标记集,由 有效的非空 URL 组成 |
placeholder
| input ; textarea | 要放置在表单控制内的对用户可见的标签 | 文本* |
playsinline
| video
| 鼓励用户代理在元素的播放区域内显示视频内容 | 布尔属性 |
popover
| HTML 元素 | 使元素成为 弹出框 元素 | "auto "; "manual "; |
popovertarget
| button ; input | 将弹出框元素作为目标,以切换、显示或隐藏 | ID* |
popovertargetaction
| button ; input | 指示目标弹出框元素是切换、显示还是隐藏 | "toggle "; "show "; "hide " |
poster
| video
| 在视频播放之前显示的海报帧 | 有效的非空 URL,可能被空格包围 |
preload
| audio ; video | 提示 媒体资源 可能需要的缓冲量 | "none "; "metadata "; "auto " |
readonly
| input ; textarea | 是否允许用户编辑值 | 布尔属性 |
readonly
| 与表单关联的自定义元素 | 影响 willValidate ,以及自定义元素作者添加的任何行为 | 布尔属性 |
referrerpolicy
| a ; area ; iframe ; img ; link ; script | Referrer 策略 for 获取 由元素启动 | Referrer 策略 |
rel
| a ; area | 包含 超链接 的文档中的位置与目标资源之间的关系 | 唯一空格分隔令牌的无序集* |
rel
| link
| 包含 超链接 的文档与目标资源之间的关系 | 唯一空格分隔令牌的无序集* |
required
| input ; select ; textarea | 控件是否需要进行 表单提交 | 布尔属性 |
reversed
| ol
| 反向编号列表 | 布尔属性 |
rows
| 文本域
| 要显示的行数 | 有效的非负整数 大于零 |
rowspan
| td ; th | 单元格跨越的行数 | 有效的非负整数 |
sandbox
| iframe
| 嵌套内容的安全规则 | 无序的唯一空格分隔的标记集,ASCII 不区分大小写,包括
|
scope
| th
| 指定标题单元格应用于哪些单元格 | "row "; "col "; "rowgroup "; "colgroup " |
selected
| option
| 选项是否默认选中 | 布尔属性 |
shadowrootclonable
| 模板
| 在声明式影子根上设置 clonable | 布尔属性 |
shadowrootdelegatesfocus
| 模板
| 在声明式影子根上设置 delegates focus | 布尔属性 |
shadowrootmode
| 模板
| 启用流式声明式影子根 | "open "; "closed " |
shadowrootserializable
| 模板
| 在声明式影子根上设置 serializable | 布尔属性 |
shape
| area
| 在 图像映射 中创建的形状类型 | "circle "; "default "; "poly "; "rect " |
size
| input ; select | 控件的大小 | 有效的非负整数 大于零 |
sizes
| link
| 图标的大小(对于 rel ="icon ") | 无序的唯一空格分隔的标记集,ASCII 不区分大小写,由大小* 组成 |
sizes
| img ; source | 不同页面布局的图像大小 | 有效的源尺寸列表 |
插槽
| HTML 元素 | 元素所需的插槽 | 文本 |
跨度
| col ; colgroup | 元素跨越的列数 | 有效的非负整数 大于零 |
spellcheck
| HTML 元素 | 元素是否要进行拼写和语法检查 | "true "; "false "; 空字符串 |
src
| audio ; embed ; iframe ; img ; input ; script ; source (在 video 或 audio 中); track ; video | 资源的地址 | 有效的非空 URL,可能被空格包围 |
srcdoc
| iframe
| 要在 iframe 中渲染的文档 | iframe srcdoc 文档* 的来源 |
srclang
| track
| 文本轨道的语言 | 有效的 BCP 47 语言标签 |
srcset
| img ; source | 在不同情况下使用的图像,例如高分辨率显示器、小型显示器等。 | 用逗号分隔的 图像候选字符串 列表 |
start
| ol
| 列表的 起始值 | 有效的整数 |
step
| input
| 表单控件的值要匹配的粒度 | 有效的浮点数 大于零,或 "any " |
样式
| HTML 元素 | 表示和格式说明 | CSS 声明* |
tabindex
| HTML 元素 | 元素是否 可聚焦 和 可顺序聚焦,以及元素在 顺序聚焦导航 中的相对顺序 | 有效的整数 |
target
| a ; area | 可导航的 用于 超链接 导航 | 有效的可导航目标名称或关键字 |
target
| base
| 用于 超链接 导航 和 表单提交 的默认 可导航的 | 有效的可导航目标名称或关键字 |
target
| form
| 可导航的 用于 表单提交 | 有效的可导航目标名称或关键字 |
title
| HTML 元素 | 元素的建议信息 | 文本 |
title
| abbr ; dfn | 缩略词的完整术语或扩展 | 文本 |
title
| input
| 模式的描述(与 pattern 属性一起使用时) | 文本 |
title
| link
| 链接的标题 | 文本 |
title
| link ; style | CSS 样式表集名称 | 文本 |
translate
| HTML 元素 | 页面本地化时是否要翻译元素 | "yes "; "no " |
type
| a ; link | 对所引用资源类型的提示 | 有效的 MIME 类型字符串 |
type
| button
| 按钮的类型 | "submit "; "reset "; "button " |
type
| embed ; object ; source | 嵌入式资源的类型 | 有效的 MIME 类型字符串 |
type
| input
| 表单控件的类型 | input 类型关键字
|
type
| ol
| 列表标记的种类 | "1 "; "a "; "A "; "i "; "I " |
type
| 脚本
| 脚本的类型 | "module "; 有效的 MIME 类型字符串,它不是 JavaScript MIME 类型本质匹配 |
usemap
| img
| 要使用的 图像映射 的名称 | 有效的哈希名引用* |
value
| button ; option | 用于 表单提交 的值 | 文本 |
value
| data
| 机器可读的值 | 文本* |
value
| input
| 表单控件的值 | 不同* |
value
| li
| 列表项的 序数值 | 有效的整数 |
value
| meter ; progress | 元素的当前值 | 有效的浮点数 |
width
| canvas ; embed ; iframe ; img ; input ; object ; source (在 picture 中); video | 水平尺寸 | 有效的非负整数 |
wrap
| 文本域
| 表单控件的值如何包装以进行 表单提交 | "soft "; "hard " |
writingsuggestions
| HTML 元素 | 元素是否可以提供书写建议。 | "true "; "false "; 空字符串 |
表格中单元格中的星号 (*) 表示实际规则比上面表格中所示的更复杂。
所有当前引擎都支持。
所有当前引擎都支持。
所有当前引擎都支持。
所有当前引擎都支持。
所有当前引擎都支持。
所有当前引擎都支持。
所有当前引擎都支持。
元素 | 接口 |
---|---|
a
| HTMLAnchorElement : HTMLElement |
abbr
| HTMLElement
|
address
| HTMLElement
|
area
| HTMLAreaElement : HTMLElement |
article
| HTMLElement
|
aside
| HTMLElement
|
audio
| HTMLAudioElement : HTMLMediaElement : HTMLElement |
b
| HTMLElement
|
base
| HTMLBaseElement : HTMLElement |
bdi
| HTMLElement
|
bdo
| HTMLElement
|
blockquote
| HTMLQuoteElement : HTMLElement |
body
| HTMLBodyElement : HTMLElement |
br
| HTMLBRElement : HTMLElement |
button
| HTMLButtonElement : HTMLElement |
canvas
| HTMLCanvasElement : HTMLElement |
caption
| HTMLTableCaptionElement : HTMLElement |
cite
| HTMLElement
|
code
| HTMLElement
|
col
| HTMLTableColElement : HTMLElement |
colgroup
| HTMLTableColElement : HTMLElement |
data
| HTMLDataElement : HTMLElement |
datalist
| HTMLDataListElement : HTMLElement |
dd
| HTMLElement
|
del
| HTMLModElement : HTMLElement |
details
| HTMLDetailsElement : HTMLElement |
dfn
| HTMLElement
|
dialog
| HTMLDialogElement : HTMLElement |
div
| HTMLDivElement : HTMLElement |
dl
| HTMLDListElement : HTMLElement |
dt
| HTMLElement
|
em
| HTMLElement
|
embed
| HTMLEmbedElement : HTMLElement |
fieldset
| HTMLFieldSetElement : HTMLElement |
figcaption
| HTMLElement
|
figure
| HTMLElement
|
footer
| HTMLElement
|
form
| HTMLFormElement : HTMLElement |
h1
| HTMLHeadingElement : HTMLElement |
h2
| HTMLHeadingElement : HTMLElement |
h3
| HTMLHeadingElement : HTMLElement |
h4
| HTMLHeadingElement : HTMLElement |
h5
| HTMLHeadingElement : HTMLElement |
h6
| HTMLHeadingElement : HTMLElement |
head
| HTMLHeadElement : HTMLElement |
header
| HTMLElement
|
hgroup
| HTMLElement
|
hr
| HTMLHRElement : HTMLElement |
html
| HTMLHtmlElement : HTMLElement |
i
| HTMLElement
|
iframe
| HTMLIFrameElement : HTMLElement |
img
| HTMLImageElement : HTMLElement |
input
| HTMLInputElement : HTMLElement |
ins
| HTMLModElement : HTMLElement |
kbd
| HTMLElement
|
label
| HTMLLabelElement : HTMLElement |
legend
| HTMLLegendElement : HTMLElement |
li
| HTMLLIElement : HTMLElement |
link
| HTMLLinkElement : HTMLElement |
main
| HTMLElement
|
map
| HTMLMapElement : HTMLElement |
mark
| HTMLElement
|
menu
| HTMLMenuElement : HTMLElement |
meta
| HTMLMetaElement : HTMLElement |
meter
| HTMLMeterElement : HTMLElement |
nav
| HTMLElement
|
noscript
| HTMLElement
|
object
| HTMLObjectElement : HTMLElement |
ol
| HTMLOListElement : HTMLElement |
optgroup
| HTMLOptGroupElement : HTMLElement |
option
| HTMLOptionElement : HTMLElement |
output
| HTMLOutputElement : HTMLElement |
p
| HTMLParagraphElement : HTMLElement |
图片
| HTMLPictureElement : HTMLElement |
预格式化
| HTMLPreElement : HTMLElement |
进度条
| HTMLProgressElement : HTMLElement |
引用
| HTMLQuoteElement : HTMLElement |
括号
| HTMLElement
|
注释
| HTMLElement
|
Ruby
| HTMLElement
|
删除线
| HTMLElement
|
代码示例
| HTMLElement
|
搜索
| HTMLElement
|
脚本
| HTMLScriptElement : HTMLElement |
节
| HTMLElement
|
select
| HTMLSelectElement : HTMLElement |
插槽
| HTMLSlotElement : HTMLElement |
小字
| HTMLElement
|
源
| HTMLSourceElement : HTMLElement |
跨度
| HTMLSpanElement : HTMLElement |
粗体
| HTMLElement
|
样式
| HTMLStyleElement : HTMLElement |
下标
| HTMLElement
|
摘要
| HTMLElement
|
上标
| HTMLElement
|
table
| HTMLTableElement : HTMLElement |
表体
| HTMLTableSectionElement : HTMLElement |
单元格
| HTMLTableCellElement : HTMLElement |
模板
| HTMLTemplateElement : HTMLElement |
文本域
| HTMLTextAreaElement : HTMLElement |
tfoot
| HTMLTableSectionElement : HTMLElement |
th
| HTMLTableCellElement : HTMLElement |
thead
| HTMLTableSectionElement : HTMLElement |
time
| HTMLTimeElement : HTMLElement |
title
| HTMLTitleElement : HTMLElement |
行
| HTMLTableRowElement : HTMLElement |
track
| HTMLTrackElement : HTMLElement |
u
| HTMLElement
|
ul
| HTMLUListElement : HTMLElement |
var
| HTMLElement
|
video
| HTMLVideoElement : HTMLMediaElement : HTMLElement |
wbr
| HTMLElement
|
自定义元素 | 由元素作者提供(继承自HTMLElement ) |
AudioTrack
AudioTrackList
BarProp
BeforeUnloadEvent
BroadcastChannel
CanvasGradient
CanvasPattern
CanvasRenderingContext2D
CloseWatcher
CustomElementRegistry
CustomStateSet
DOMParser
DOMStringList
DOMStringMap
DataTransfer
DataTransferItem
DataTransferItemList
DedicatedWorkerGlobalScope
Document
, 部分 1 2DragEvent
Element
, 部分ElementInternals
ErrorEvent
EventSource
External
FormDataEvent
HTMLAllCollection
HTMLAnchorElement
, 部分HTMLAreaElement
, 部分HTMLAudioElement
HTMLBRElement
, 部分HTMLBaseElement
HTMLBodyElement
, 部分HTMLButtonElement
HTMLCanvasElement
HTMLDListElement
, 部分HTMLDataElement
HTMLDataListElement
HTMLDetailsElement
HTMLDialogElement
HTMLDirectoryElement
HTMLDivElement
, 部分HTMLElement
HTMLEmbedElement
, 部分HTMLFieldSetElement
HTMLFontElement
HTMLFormControlsCollection
HTMLFormElement
HTMLFrameElement
HTMLFrameSetElement
HTMLHRElement
, 部分HTMLHeadElement
HTMLHeadingElement
, 部分HTMLHtmlElement
, 部分HTMLIFrameElement
, 部分HTMLImageElement
, 部分HTMLInputElement
, 部分HTMLLIElement
, 部分HTMLLabelElement
HTMLLegendElement
, 部分HTMLLinkElement
, 部分HTMLMapElement
HTMLMarqueeElement
HTMLMediaElement
HTMLMenuElement
, 部分HTMLMetaElement
, 部分HTMLMeterElement
HTMLModElement
HTMLOListElement
, 部分HTMLObjectElement
, 部分HTMLOptGroupElement
HTMLOptionElement
HTMLOptionsCollection
HTMLOutputElement
HTMLParagraphElement
, 部分HTMLParamElement
HTMLPictureElement
HTMLPreElement
, 部分HTMLProgressElement
HTMLQuoteElement
HTMLScriptElement
, 部分HTMLSelectElement
HTMLSlotElement
HTMLSourceElement
HTMLSpanElement
HTMLStyleElement
, 部分HTMLTableCaptionElement
, 部分HTMLTableCellElement
, 部分HTMLTableColElement
, 部分HTMLTableElement
, 部分HTMLTableRowElement
, 部分HTMLTableSectionElement
, 部分HTMLTemplateElement
HTMLTextAreaElement
HTMLTimeElement
HTMLTitleElement
HTMLTrackElement
HTMLUListElement
, 部分HTMLUnknownElement
HTMLVideoElement
HashChangeEvent
History
ImageBitmap
ImageBitmapRenderingContext
ImageData
Location
MediaError
MessageChannel
MessageEvent
MessagePort
MimeType
MimeTypeArray
NavigateEvent
Navigation
NavigationActivation
NavigationCurrentEntryChangeEvent
NavigationDestination
NavigationHistoryEntry
NavigationTransition
Navigator
, 部分NotRestoredReasonDetails
NotRestoredReasons
OffscreenCanvas
OffscreenCanvasRenderingContext2D
PageRevealEvent
PageSwapEvent
PageTransitionEvent
Path2D
插件
PluginArray
PopStateEvent
PromiseRejectionEvent
RadioNodeList
Range
, 部分ShadowRoot
, 部分SharedWorker
SharedWorkerGlobalScope
Storage
StorageEvent
SubmitEvent
TextMetrics
TextTrack
TextTrackCue
TextTrackCueList
TextTrackList
TimeRanges
ToggleEvent
TrackEvent
UserActivation
ValidityState
VideoTrack
VideoTrackList
VisibilityStateEntry
Window
, 部分Worker
WorkerGlobalScope
WorkerLocation
WorkerNavigator
Worklet
WorkletGlobalScope
下表列出了此文档触发的事件,不包括已在媒体元素事件和拖放事件中定义的事件。
事件 | 接口 | 感兴趣的目标 | 描述 |
---|---|---|---|
DOMContentLoaded
所有当前引擎都支持。 Firefox1+Safari3.1+Chrome1+ Opera9+Edge79+ Edge (Legacy)12+Internet Explorer9+ Firefox Android?Safari iOS?Chrome Android?WebView Android37+Samsung Internet?Opera Android10.1+ | 事件
| Document
| 解析器完成解析后,在Document 上触发 |
afterprint
所有当前引擎都支持。 Firefox6+Safari13+Chrome63+ Opera?Edge79+ Edge (Legacy)12+Internet Explorer9+ Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android? | 事件
| Window
| 在打印后,在Window 上触发 |
beforeprint
所有当前引擎都支持。 Firefox6+Safari13+Chrome63+ Opera?Edge79+ Edge (Legacy)12+Internet Explorer9+ Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android? | 事件
| Window
| 在打印前,在Window 上触发 |
beforematch
仅在一个引擎中支持。 FirefoxNoSafariNoChrome102+ OperaNoEdge102+ Edge (Legacy)?Internet ExplorerNo Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android? | 事件
| 元素 | 在具有 | 属性的元素在显示之前触发。
beforetoggle
HTMLElement/beforetoggle_event 所有当前引擎都支持。 Firefox🔰 114+Safaripreview+Chrome114+ Opera?Edge114+ Edge (Legacy)?Internet ExplorerNo Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android? | ToggleEvent
| 元素 | 在具有popover 属性的元素在显示和隐藏之间转换时触发 |
beforeunload
所有当前引擎都支持。 Firefox1+Safari3+Chrome1+ Opera12+Edge79+ Edge (Legacy)12+Internet Explorer4+ Firefox Android?Safari iOS1+Chrome Android?WebView Android?Samsung Internet?Opera Android12+ | BeforeUnloadEvent
| Window
| 在页面即将卸载时,在Window 上触发,以防页面想要显示警告提示 |
blur
| 事件
| Window ,元素 | 在节点停止获得焦点时触发 |
cancel
HTMLDialogElement/cancel_event 所有当前引擎都支持。 Firefox98+Safari15.4+Chrome37+ Opera?Edge79+ Edge (Legacy)?Internet ExplorerNo Firefox Android?Safari iOS?Chrome AndroidNoWebView Android?Samsung Internet?Opera Android? | 事件
| CloseWatcher ,dialog 元素,input 元素 | 在CloseWatcher 对象或dialog 元素收到关闭请求时触发,或者在input 元素处于文件状态且用户未更改选择时触发 |
change
所有当前引擎都支持。 Firefox1+Safari3+Chrome1+ Opera9+Edge79+ Edge (Legacy)12+Internet Explorer9+ Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android10.1+ | 事件
| 表单控件 | 在用户提交值更改时触发(另请参见input 事件) |
click
| PointerEvent
| 元素 | 通常是鼠标事件;在元素的激活行为运行之前,在元素上合成触发,当元素从非指针输入设备(例如键盘)激活时 |
close
所有当前引擎都支持。 Firefox98+Safari15.4+Chrome37+ Opera?Edge79+ Edge (Legacy)?Internet ExplorerNo Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android? | 事件
| CloseWatcher ,dialog 元素,MessagePort | 在CloseWatcher 对象或dialog 元素通过关闭请求或通过 Web 开发者代码关闭时触发,或者在MessagePort 对象在分离时触发 |
connect
SharedWorkerGlobalScope/connect_event 所有当前引擎都支持。 Firefox29+Safari16+Chrome4+ Opera10.6+Edge79+ Edge (Legacy)?Internet ExplorerNo Firefox Android?Safari iOS16+Chrome Android?WebView Android37+Samsung Internet?Opera Android11+ | MessageEvent
| SharedWorkerGlobalScope
| 当新客户端连接时,在共享工作线程的全局作用域中触发 |
contextlost
HTMLCanvasElement/webglcontextlost_event 仅在一个引擎中支持。 Firefox否Safari否Chrome98+ Opera?Edge98+ Edge (Legacy)?Internet ExplorerNo Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android? | 事件
| canvas 元素,OffscreenCanvas 对象 | 当相应的 CanvasRenderingContext2D 或 OffscreenCanvasRenderingContext2D 丢失时触发 |
contextrestored
HTMLCanvasElement/contextrestored_event 仅在一个引擎中支持。 Firefox否Safari否Chrome98+ Opera?Edge98+ Edge (Legacy)?Internet ExplorerNo Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android? | 事件
| canvas 元素,OffscreenCanvas 对象 | 在相应的 CanvasRenderingContext2D 或 OffscreenCanvasRenderingContext2D 丢失后恢复时触发 |
currententrychange
| NavigationCurrentEntryChangeEvent
| Navigation
| 当 navigation.currentEntry 发生改变时触发 |
dispose
| 事件
| NavigationHistoryEntry
| 当与 NavigationHistoryEntry 对应的 会话历史记录条目 已从会话历史记录中永久删除,并且无法再遍历时触发 |
error
所有当前引擎都支持。 Firefox6+Safari5+Chrome6+ Opera12+Edge79+ Edge (Legacy)?Internet ExplorerNo Firefox Android45+Safari iOS5+Chrome Android?WebView Android?Samsung Internet?Opera Android12+ 所有当前引擎都支持。 Firefox6+Safari5.1+Chrome10+ Opera?Edge79+ Edge (Legacy)12+Internet Explorer9+ Firefox Android?Safari iOS?Chrome Android?WebView Android37+Samsung Internet?Opera Android? | Event 或 ErrorEvent | 全局作用域对象,Worker 对象,元素,网络相关对象 | 当发生意外错误时触发(例如网络错误、脚本错误、解码错误) |
focus
| 事件
| Window ,元素 | 在 获得焦点 的节点上触发 |
formdata
HTMLFormElement/formdata_event 所有当前引擎都支持。 Firefox72+Safari15+Chrome77+ Opera?Edge79+ Edge (Legacy)?Internet ExplorerNo Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android? | FormDataEvent
| form 元素 | 当 form 元素 正在构建条目列表 时触发 |
hashchange
所有当前引擎都支持。 Firefox3.6+Safari5+Chrome8+ Opera10.6+Edge79+ Edge (Legacy)12+Internet Explorer8+ Firefox Android?Safari iOS5+Chrome Android?WebView Android37+Samsung Internet?Opera Android11+ | HashChangeEvent
| Window
| 当文档的 片段 部分的 URL 发生变化时,在 Window 上触发 |
input
| 事件
| 元素 | 当用户更改 contenteditable 元素的内容或表单控件的值时触发。有关表单控件,另请参阅 change 事件。 |
invalid
HTMLInputElement/invalid_event 所有当前引擎都支持。 Firefox4+Safari5+Chrome10+ Opera10+Edge79+ Edge (Legacy)12+Internet Explorer10+ Firefox Android64+Safari iOS5+Chrome Android?WebView Android4+Samsung Internet4.0+Opera Android12+ | 事件
| 表单控件 | 在表单验证期间,如果控件不满足其约束,则在控件上触发 |
languagechange
所有当前引擎都支持。 Firefox32+Safari10.1+Chrome37+ Opera?Edge79+ Edge (Legacy)?Internet ExplorerNo Firefox Android4+Safari iOS?Chrome Android?WebView Android?Samsung Internet4.0+Opera Android? WorkerGlobalScope/languagechange_event 所有当前引擎都支持。 Firefox74+Safari4+Chrome4+ Opera11.5+Edge79+ Edge (Legacy)?Internet ExplorerNo Firefox Android?Safari iOS5+Chrome Android?WebView Android37+Samsung Internet?Opera Android? | 事件
| 全局作用域对象 | 当用户首选语言发生变化时,在全局作用域对象上触发 |
load
| 事件
| Window ,元素 | 当文档完成加载时,在 Window 上触发;当包含资源的元素(例如 img 、embed )的资源完成加载时,在该元素上触发 |
message
BroadcastChannel/message_event 所有当前引擎都支持。 Firefox38+Safari15.4+Chrome54+ Opera?Edge79+ Edge (Legacy)?Internet ExplorerNo Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android? DedicatedWorkerGlobalScope/message_event 所有当前引擎都支持。 Firefox3.5+Safari4+Chrome4+ Opera10.6+Edge79+ Edge (Legacy)12+Internet Explorer10+ Firefox Android?Safari iOS5+Chrome Android?WebView Android37+Samsung Internet?Opera Android11.5+ 所有当前引擎都支持。 Firefox6+Safari5+Chrome6+ Opera12+Edge79+ Edge (Legacy)?Internet ExplorerNo Firefox Android45+Safari iOS5+Chrome Android?WebView Android?Samsung Internet?Opera Android12+ 所有当前引擎都支持。 Firefox41+Safari5+Chrome2+ Opera10.6+Edge79+ Edge (Legacy)12+Internet Explorer10+ Firefox Android?Safari iOS?Chrome Android?WebView Android37+Samsung Internet?Opera Android11.5+ 所有当前引擎都支持。 Firefox9+Safari4+Chrome60+ Opera?Edge79+ Edge (Legacy)12+Internet Explorer8+ Firefox Android?Safari iOS4+Chrome Android?WebView Android?Samsung Internet?Opera Android47+ 所有当前引擎都支持。 Firefox3.5+Safari4+Chrome4+ Opera10.6+Edge79+ Edge (Legacy)12+Internet Explorer10+ Firefox Android?Safari iOS5+Chrome Android?WebView Android?Samsung Internet?Opera Android11.5+ | MessageEvent
| Window 、EventSource 、MessagePort 、BroadcastChannel 、DedicatedWorkerGlobalScope 、Worker 、ServiceWorkerContainer | 当对象收到消息时触发 |
messageerror
BroadcastChannel/messageerror_event 所有当前引擎都支持。 Firefox57+Safari15.4+Chrome60+ Opera?Edge79+ Edge (Legacy)?Internet ExplorerNo Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android47+ DedicatedWorkerGlobalScope/messageerror_event 所有当前引擎都支持。 Firefox57+Safari16.4+Chrome60+ Opera?Edge79+ Edge (Legacy)18Internet Explorer否 Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android47+ MessagePort/messageerror_event 所有当前引擎都支持。 Firefox57+Safari16.4+Chrome60+ Opera?Edge79+ Edge (Legacy)18Internet Explorer否 Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android47+ 所有当前引擎都支持。 Firefox57+Safari16.4+Chrome60+ Opera?Edge79+ Edge (Legacy)18Internet Explorer否 Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android47+ 所有当前引擎都支持。 Firefox57+Safari16.4+Chrome60+ Opera?Edge79+ Edge (Legacy)18Internet Explorer否 Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android47+ | MessageEvent
| Window 、MessagePort 、BroadcastChannel 、DedicatedWorkerGlobalScope 、Worker 、ServiceWorkerContainer | 当对象收到无法反序列化的消息时触发 |
navigate
| NavigateEvent
| Navigation
| 在 可导航 的 导航、重新加载、遍历 或 其他 更改其 URL 之前触发 |
navigateerror
| ErrorEvent
| Navigation
| 当导航未成功完成时触发 |
navigatesuccess
| 事件
| Navigation
| 当导航成功完成时触发 |
offline
所有当前引擎都支持。 Firefox9+Safari4+Chrome3+ Opera?Edge79+ Edge (Legacy)12+Internet Explorer9+ Firefox Android?Safari iOS3+Chrome Android?WebView Android37+Samsung Internet?Opera Android? | 事件
| 全局作用域对象 | 当网络连接失败时,在全局作用域对象上触发 |
online
所有当前引擎都支持。 Firefox9+Safari4+Chrome3+ Opera?Edge79+ Edge (Legacy)12+Internet Explorer9+ Firefox Android?Safari iOS3+Chrome Android?WebView Android37+Samsung Internet?Opera Android? | 事件
| 全局作用域对象 | 当网络连接恢复时,在全局作用域对象上触发 |
open
所有当前引擎都支持。 Firefox6+Safari5+Chrome6+ Opera12+Edge79+ Edge (Legacy)?Internet ExplorerNo Firefox Android45+Safari iOS5+Chrome Android?WebView Android?Samsung Internet?Opera Android12+ | 事件
| EventSource
| 当建立连接时,在 EventSource 对象上触发 |
pageswap
| PageSwapEvent
| Window
| 在文档由于导航而被卸载之前,在Window 上触发。 |
pagehide
所有当前引擎都支持。 Firefox6+Safari5+Chrome3+ Opera?Edge79+ Edge (Legacy)12+Internet Explorer11 Firefox Android?Safari iOS?Chrome Android?WebView Android37+Samsung Internet?Opera Android? | PageTransitionEvent
| Window
| 当页面的会话历史记录条目不再是活动条目时,在Window 上触发。 |
pagereveal
| PageRevealEvent
| Window
| 当页面在初始化或重新激活后首次开始渲染时,在Window 上触发。 |
pageshow
所有当前引擎都支持。 Firefox6+Safari5+Chrome3+ Opera?Edge79+ Edge (Legacy)12+Internet Explorer11 Firefox Android?Safari iOS?Chrome Android?WebView Android37+Samsung Internet?Opera Android? | PageTransitionEvent
| Window
| 当页面的会话历史记录条目成为活动条目时,在Window 上触发。 |
pointercancel
| PointerEvent
| 元素和Text 节点 | 当用户尝试启动拖放操作时,在源节点上触发。 |
popstate
所有当前引擎都支持。 Firefox4+Safari5+Chrome5+ Opera11.5+Edge79+ Edge (Legacy)12+Internet Explorer10+ Firefox Android?Safari iOS?Chrome Android?WebView Android37+Samsung Internet?Opera Android11.5+ | PopStateEvent
| Window
| 在某些情况下,在会话历史记录遍历中,在Window 上触发。 |
readystatechange
Document/readystatechange_event 所有当前引擎都支持。 Firefox4+Safari5.1+Chrome9+ Opera12.1+Edge79+ Edge (Legacy)12+Internet Explorer4+ Firefox Android?Safari iOS?Chrome Android?WebView Android37+Samsung Internet?Opera Android12.1+ | 事件
| Document
| 当文档完成解析以及所有子资源加载完成时,在Document 上触发。 |
rejectionhandled
| PromiseRejectionEvent
| 全局作用域对象 | 当先前未处理的 Promise 拒绝被处理时,在全局范围对象上触发。 |
reset
所有当前引擎都支持。 Firefox6+Safari3+Chrome1+ Opera12.1+Edge79+ Edge (Legacy)12+Internet Explorer9+ Firefox Android?Safari iOS1+Chrome Android?WebView Android37+Samsung Internet?Opera Android12.1+ | 事件
| form 元素 | 当form 元素被重置时,在该元素上触发。 |
select
所有当前引擎都支持。 Firefox6+Safari1+Chrome1+ Opera12.1+Edge79+ Edge (Legacy)12+Internet Explorer9+ Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android12.1+ HTMLTextAreaElement/select_event 所有当前引擎都支持。 Firefox6+Safari1+Chrome1+ Opera12.1+Edge79+ Edge (Legacy)12+Internet Explorer9+ Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android12.1+ | 事件
| 表单控件 | 当表单控件的文本选择发生调整时(无论是通过 API 还是用户)触发, |
storage
所有当前引擎都支持。 Firefox45+Safari4+Chrome1+ Opera?Edge79+ Edge (Legacy)15+Internet Explorer9+ Firefox Android?Safari iOS4+Chrome Android?WebView Android37+Samsung Internet?Opera Android? | StorageEvent
| Window
| 当相应的localStorage 或sessionStorage 存储区域发生变化时,在Window 事件上触发。 |
submit
所有当前引擎都支持。 Firefox1+Safari3+Chrome1+ Opera8+Edge79+ Edge (Legacy)12+Internet Explorer9+ Firefox Android?Safari iOS1+Chrome Android?WebView Android?Samsung Internet?Opera Android10.1+ | SubmitEvent
| form 元素 | 当form 元素被提交时,在该元素上触发。 |
toggle
HTMLDetailsElement/toggle_event 所有当前引擎都支持。 Firefox49+Safari10.1+Chrome36+ Opera?Edge79+ Edge (Legacy)?Internet ExplorerNo Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android? 所有当前引擎都支持。 Firefox🔰 114+Safaripreview+Chrome114+ Opera?Edge114+ Edge (Legacy)?Internet ExplorerNo Firefox Android?Safari iOS?Chrome Android?WebView Android?Samsung Internet?Opera Android? | ToggleEvent
| details 和popover元素 | 当details 元素打开或关闭时,在该元素上触发;当具有popover 属性的元素在显示和隐藏之间转换时,在该元素上触发。 |
unhandledrejection
Window/unhandledrejection_event 所有当前引擎都支持。 Firefox69+Safari11+Chrome49+ Opera?Edge79+ Edge (Legacy)?Internet ExplorerNo Firefox Android?Safari iOS11.3+Chrome Android?WebView Android?Samsung Internet?Opera Android? | PromiseRejectionEvent
| 全局作用域对象 | 当 Promise 拒绝未被处理时,在全局范围对象上触发。 |
unload
所有当前引擎都支持。 Firefox1+Safari3+Chrome1+ Opera4+Edge79+ Edge (Legacy)12+Internet Explorer4+ Firefox Android?Safari iOS1+Chrome Android?WebView Android?Samsung Internet?Opera Android10.1+ | 事件
| Window
| 当页面即将消失时,在Window 对象上触发。 |
visibilitychange
Document/visibilitychange_event 所有当前引擎都支持。 Firefox56+Safari14.1+Chrome62+ Opera49+Edge79+ Edge (Legacy)18Internet Explorer🔰 10+ Firefox Android?Safari iOS?Chrome Android?WebView Android62+Samsung Internet?Opera Android46+ | 事件
| Document
| 当页面对用户可见或隐藏时,在Document 对象上触发。 |
本规范定义以下 HTTP 请求标头。
本规范定义以下 HTTP 响应标头。
Cross-Origin-Embedder-Policy
`Cross-Origin-Embedder-Policy-Report-Only
`Cross-Origin-Opener-Policy
`Cross-Origin-Opener-Policy-Report-Only
`Origin-Agent-Cluster
`Refresh
`X-Frame-Options
`本规范中提到了以下 MIME 类型。
application/atom+xml
application/json
application/octet-stream
application/microdata+json
application/rss+xml
application/wasm
application/x-www-form-urlencoded
application/xhtml+xml
application/xml
image/gif
image/jpeg
image/png
image/svg+xml
multipart/form-data
multipart/mixed
multipart/x-mixed-replace
text/css
text/event-stream
text/javascript
text/json
text/plain
text/html
text/ping
text/uri-list
text/vcard
text/vtt
text/xml
video/mp4
video/mpeg