如何精通HTML：掌握元素的全局公共属性秘籍

全局公共属性

1. id：用于唯一标识元素，可在整个文档中定位元素。
2. name：为元素赋予名称，可用于定位元素、表单分组、表单提交等。
3. class：样式类名，可用于定义元素的样式。
4. style：行内样式，快速定义元素的CSS样式。
5. title：鼠标悬停时显示的提示文本。
6. hidden：隐藏元素，但不会从文档流中移除。
7. lang：指定元素所用的语言。
8. tabindex：定义Tab键焦点排序顺序。
9. contenteditable：指定元素是否可编辑。
10. inputmode：定义输入模式，适用于元素和可编辑元素。
11. draggable：指定元素是否可拖动。
12. dir：定义文本的方向，如从左到右或从右到左。
13. accesskey：定义元素的键盘快捷键。

资源路径

1. 绝对路径示例：，指定完整的网络地址。
2. 相对路径示例：，相对于当前文件的父级目录的样式表。
3. 网络路径示例：Example，指向其他网页的链接。
4. 绝对路径：在电脑磁盘上的文件完整路径。
5. 相对路径：相对于当前Web项目目录进行定位的路径，包括父级、同级/子级和根目录。
6. 网络路径：以http开头的网络地址。

使用场景示例

id示例：通过id可以在JavaScript中快速定位和操作元素。

name示例：在表单中使用name属性可以方便后端获取表单数据。

class示例：通过类选择器可以为多个元素添加相同的样式。

style示例：行内样式可以直接为元素指定样式，优先级较高。

title示例：当鼠标悬停在链接上时会显示提示文本。

hidden示例：隐藏元素不会在页面中显示，但仍然存在于DOM中。

lang示例：，指定文档的主要语言，有助于搜索引擎优化。

tabindex示例：，定义Tab键切换焦点的顺序。

contenteditable示例：，设置元素可编辑，适用于富文本编辑器等场景。

draggable示例：，允许用户拖动元素。