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:自动将焦点设置为元素,以便用户快速输入。