全局属性

基本属性

说明

id

定义唯一标识符（ID），该标识符在整个文档中必须是唯一的。 其目的是在链接（使用片段标识符），脚本或样式（使用 CSS）时标识元素。

class

一个以空格分隔的元素的类名（classes ）列表，它允许 CSS 和 Javascript 通过类选择器 或 DOM 方法 ( document.getElementsByClassName) 来选择和访问特定的元素

style

含要应用于元素的CSS样式声明。 请注意，建议在单独的文件中定义样式。 该属性和<style>元素主要用于快速样式化，例如用于测试目的。

title

包含表示与其所属元素相关信息的文本。 这些信息通常可以作为提示呈现给用户，但不是必须的。

inputmode

向浏览器提供有关在编辑此元素或其内容时要使用的虚拟键盘配置类型的提示。主要用于 <input>元素，但在contenteditable模式下可用于任何元素。

accesskey

提供了为当前元素生成键盘快捷键的提示。这个属性由空格分隔的字符列表组成。浏览器应该使用在计算机键盘布局上存在的第一个

autocapitalize

控制用户的文本输入是否和如何自动大写，它可以有以下的值：

contenteditable

一个枚举属性（enumerated attribute），表示元素是否可被用户编辑。 如果可以，浏览器会调整元素的部件（widget）以允许编辑

data-*

一类自定义数据属性，它赋予我们在所有 HTML 元素上嵌入自定义数据属性的能力，并可以通过脚本 (一般指 JavaScript) 与 HTML 之间进行专有数据的交换。所有这些自定义数据属性都可以通过所属元素的 HTMLElement 接口来访问。 HTMLElement.dataset 属性可以访问它们

dir

一个指示元素中文本方向的枚举属性。它的取值如下：

draggable

一种枚举属性，指示是否可以 使用 Drag and Drop API 拖动元素。它可以有以下的值：

dropzone

枚举属性，指示可以使用 Drag and Drop API 在元素上删除哪些类型的内容。 它可以具有以下值：

exportparts

用于将阴影部分从嵌套阴影树传递到包含灯光树。

hidden

布尔属性表示该元素尚未或不再相关。例如，它可用于隐藏在登录过程完成之前无法使用的页面元素。浏览器不会呈现此类元素。不得使用此属性隐藏可合法显示的内容

is

允许您指定标准 HTML 元素应该像已注册的自定义内置元素一样

itemid

项的唯一全局标识符

itemprop

用于向项添加属性。 每个 HTML 元素都可以指定一个 itemprop 属性，其中一个 itemprop 由一个名称和值对组成。

itemref

只有不是具有itemscope属性的元素的后代，它的属性才可以与使用itemref项目相关联。它提供了元素 ID 列表（而不是itemids）以及文档中其他位置的其他属性。

itemscope

itemscope（通常）与itemtype一起使用，以指定包含在关于特定项目代码块中的 HTML。 itemscope创建 Item 并定义与之关联的itemtype的范围。 itemtype是描述项及其属性上下文的词汇表（例如schema.org）的有效 URL。

itemtype

指定将用于在数据结构中定义itemprops（项属性）的词汇表的 URL。 itemscope用于设置数据结构中按itemtype设置的词汇表的生效范围

lang

帮助定义元素的语言：不可编辑元素所在的语言，或者应该由用户编写的可编辑元素的语言。该属性包含一个“语言标记”(由用连字符分隔的“语言子标记”组成)。**xml:lang **优先于它。

part

元素的部件名称的空格分隔列表。Part 名称允许 CSS 通过::part() 伪元素选择和设置阴影关联树中的特定元素。

slot

将shadow DOM 阴影关联树中的一个沟槽分配给一个元素：具有slot属性的元素被分配给由<slot>元素创建的沟槽，其name属性的值与slot属性的值匹配

spellcheck

枚举属性定义是否可以检查元素是否存在拼写错误。它可能具有以下值：

tabindex

整数属性，指示元素是否可以获取输入焦点（可聚焦），是否应该参与顺序键盘导航，如果是，则表示哪个位置。它可能需要几个值：

translate

枚举属性，用于指定在页面本地化时是否转换元素的属性值及其Text 节点子节点的值，或者是否保持它们不变。它可以具有以下值：

事件属性

说明

onabort

在图像加载被中断时发生

onautocomplete

在输入字段自动完成时发生

onautocompleteerror

在输入字段自动完成出错时发生

onblur

在对象失去焦点时

oncancel

取消时发生

oncanplay

在视频(video)准备开始播放时执行

oncanplaythrough

在视频/音频（audio/video）可以正常播放且无需停顿和缓冲时触发

onchange

当元素的值发生改变时

onclick

点击时发生

onclose

表示关闭事件发送给window的事件处理程序

oncontextmenu

当用户在元素上右击鼠标时执行

oncuechange

 当TextTrack更改了当前显示的提示时发生

ondblclick

当双击一个元素时发生

ondrag

当拖拽一个元素时发生

ondragend

完成元素或首选文本的拖动时触发

ondragenter

在拖动的元素或选择的文本进入到有效的放置目标时触发

ondragexit

当元素变得不再是拖动操作的选中目标时

ondragleave

当被鼠标拖动的对象离开其容器范围内时触发此事件

ondragover

当某被拖动的对象在另一对象容器范围内拖动时触发此事件

ondragstart

开始拖动元素时触发

ondrop

元素正在拖动时触发

ondurationchange

在音频/视频的持续时间改变时发生

onemptied

当发生不良情况且媒体文件突然不可用时，发生此事件

onended

当音频/视频达到结束时发生

onerror

错误时发生

onfocus

获得焦点时发生

oninput

在元素获得用户输入时发生

oninvalid

当可提交的 <input> 元素无效时发生

onkeydown

按键按下时发生

onkeypress

按键按下过程中发生

onkeyup

按键抬起时发生

onload

当页面载入完毕后执行

onloadeddata

在当前帧的数据可用时执行

onloadedmetadata

在加载视频的元数据时执行

onloadstart

在视频开始加载时执行

onmousedown

会在鼠标按键被按下时发生

onmouseenter

在鼠标指针移动到元素上时触发

onmouseleave

在鼠标移出元素时触发

onmousemove

鼠标移动时发生

onmouseout

当鼠标指针移出元素或其子元素之

onmouseover

事件发生在鼠标指针移动到元素或它的子元素上时发生

onmouseup

在鼠标按键被松开时发生

onmousewheel

在鼠标滚轮滚动时

onpause

在视频/音频暂停时触发

onplay

在视频/音频开始播放时触发

onplaying

在音频/视频做好播放准备后（因暂停或网络延迟而导致媒体数据缺失）时触发

onprogress

视频正在下载时执行

onratechange

当视频的播放速度发生改变时执行

onreset

重置表单时执行

onresize

当浏览器被重置大小时执行

onscroll

在元素滚动条在滚动时触发

onseeked

在用户重新定位视频的播放位置后执行

onseeking

在用户开始重新定位视频的播放位置时执行

onselect

当文本被选中时执行

onshow

当 <menu> 元素在上下文菜单显示时执行

onsort

当用户点击列排序时触发

onstalled

在浏览器尝试获取媒体数据且数据不可用时执行

onsubmit

提交表单时执行 JavaScript

onsuspend

在浏览器读取媒体数据中止时执行

ontimeupdate

在当前播放位置改变时执行

ontoggle

当 <details> 元素在打开或关闭时执行

onvolumechange

当视频的音量改变时执行

onwaiting

在视频由于要播放下一帧而需要缓冲时执行

特殊属性

说明

xml:lang

xml:base

 从 XHTML 规范继承，但为了兼容性而被保留的

aria-*

用于改善无障碍，一组属性，用于定义使残障人士更容易访问 Web 内容和 Web 应用程序（尤其是使用 JavaScript 开发的应用程序）的方法