掌控 HTML 全局属性，打造无懈可击的网页

1. 常用属性

id：唯一标识元素，便于引用和样式化。 class：用于对具有相似特征的元素进行分组，便于应用 CSS 样式。 style：直接向元素应用内联样式，覆盖外部样式表。 title：提供元素的简短说明或提示，在鼠标悬停时显示。 lang：指定元素内容的语言代码，对于搜索引擎优化和可访问性至关重要。

2. 属性组

全局：id、class、style、title 和 lang 属于全局属性组，适用于所有 html 元素。 事件：提供与用户交互相关的属性，如 onclick、onmouseover 和 onkeydown。 表单：用于定义和验证表单元素，如 type、name 和 value。 链接：定义和控制链接行为的属性，如 href、target 和 rel。

3. 增强可访问性

accesskey：指定一个快捷键，允许用户通过键盘快速访问元素。 alt：在图像无法显示时提供替代性文本，对于屏幕阅读器和搜索引擎至关重要。 **aria-***：一组语义属性，为辅助技术提供额外的信息，提高可访问性。

4. 定义内容

content：为 <meta> 元素提供元数据，用于描述网页的内容。 charset：指定网页使用的字符集，对于正确显示文本至关重要。 manifest：将网页链接到外部应用程序缓存文件，以提高离线访问的性能。

5. 控制外观

dir：指定文本方向（ltr 或 rtl），对于双向语言的网页至关重要。 hidden：将元素隐藏，但在 DOM 中仍然可用。 tabindex：控制元素在键盘导航中的顺序。

6. 管理元数据

http-equiv：提供与 Http 协议相关的元数据，如内容类型和重定向。 name：用于定义键值对，用于存储额外信息或访问元素。 **data-***：一组自定义数据属性，用于存储与元素相关的任意数据。

7. 增强可用性

draggable：允许用户拖放元素。 dropzone：定义允许用户拖放元素的目标区域。 spellcheck：控制元素内容的拼写检查。 autofocus：自动将焦点设置为元素，以便用户快速输入。