元素划分
| 1 | 1 | 1 | 1 |
|---|---|---|---|
| 根元素 | 头部根元素 | 文档相关信息 | 体部根元素 |
| 某块区域 | 文本内容 | 一个列表 | 图片和多媒体 |
| 内嵌资源 | SVG 和 MathML | 所用脚本 | 编辑标识 |
| 数据表格 | 信息表单 | 与之交互 | Web 组件 |
全局属性
即全部元素都可附带的属性，可分为
| 1 | 1 |
|---|---|
| 元素 | 影子树 |
| 元素相关 | 属性 |
| 内容 | 输入优化 |
| 虚拟键盘 | 微数据 |
元素
-
accesskey 用于访问这个元素的快捷键
-
tabindex 这个元素在制表键跳跃路线中的位置
-
autofocus 文档被呈现时，这个元素自动拥有焦点
-
inert 使浏览器忽略这个元素
-
is 将这个元素变为自定义元素
-
popover 将这个元素变为弹出框元素
-
draggable 使这个元素可被拖动
-
hidden 这个元素尚未或不再相关
影子树
-
exportparts 暴露这个元素中的影子树
-
part 它是影子树中的元素
-
slot 将这个元素变为影子树中的插槽
元素相关
-
dir 这个元素中，文本的方向
-
lang 这个元素使用的语言
-
nonce 这个元素使用的一次性随机数
属性
-
data- 这个元素附带的自定义属性
-
class 这个元素附带的类属性
-
id 这个元素附带的编号属性
-
style 这个元素附带的样式属性
-
title 这个元素附带的 说明用 属性
内容
-
contenteditable 对这个内容进行编辑
-
translate 对这个内容进行翻译
输入优化
-
autocapitalize 这个元素中，英文字符的纸面形式
-
spellcheck 找出这个元素中的拼写错误
-
writingsuggestions 使浏览器提供写作建议
虚拟键盘
-
virtualkeyboardpolicy 接触这个元素时，显示虚拟键盘
-
inputmode 接触这个元素时，显示的虚拟键盘
-
enterkeyhint 这个虚拟键盘上，回车键的标识
微数据
-
itemid 这个微数据化内容关联的，词汇表的编号
-
itemprop 这个微数据化内容关联的，词汇表中的条目
-
itemscope 这个微数据化内容关联的，词汇表的生效范围
-
itemtype 这个微数据化内容关联的，词汇表的地址
输入元素的类型
主要有
| 1 | 1 | 1 |
|---|---|---|
| 按钮 | 选择框 | 时间选择器 |
| 输入框 | 文件选择器 | 拾色器 |
按钮
有一个点击按钮
有一个提交按钮
有一个图形化提交按钮
有一个重置按钮
选择框
有一个复选框
有一个单选框
期间选择器
有一个日期选择器
有一个时间选择器
有一个日期时分选择器
有一个年月选择器
有一个年周选择器
输入框
有一个单行文本输入框
有一个数字输入框
有一个密码输入框
有一个范围之内输入框
有一个查询字符输入框
有一个电话号码输入框
有一个电邮地址输入框
有一个隐藏输入框
有一个资源地址输入框
有一个文件选择器
有一个拾色器
