HTML全局属性(global attribute)有哪些?

HTML全局属性是指在HTML元素上可用的基本属性,它们适用于所有HTML元素。以下是一些常见的HTML全局属性:

1:class:为元素指定一个或多个类名,用于与CSS样式表关联。

2:id::为元素指定唯一的标识符,可用于JavaScript中的操作。

3:style:为元素提供内联CSS样式。

4:title:为元素提供一个描述性文本,该文本在鼠标悬停在元素上时显示为工具提示。

5:data-*:用于存储自定义数据,可以在JavaScript中访问。

6:lang:设置元素的默认语言,有助于为不同语言的用户提供正确的呈现。

7:dir:指定文本的方向,可以是从左到右(ltr)或从右到左(rtl)。

8:hidden:表示元素是隐藏的,不应在页面上显示。

9:contenteditable:指定元素是否可编辑,如果设置为"true",用户可以编辑元素的内容。

10:tabindex:指定元素在Tab键顺序中的位置。

11:accessKey:为元素指定一个快捷键,可以与其他元素进行快速访问。

12:role:为元素提供一个描述性角色,有助于提高可访问性。

13:aria-*:用于提高元素的可访问性,特别是在使用辅助技术时。

这些全局属性可以应用于HTML文档中的任何元素,使您能够添加额外的信息和特性,以改进页面的样式、可访问性或其他功能。

相关推荐
JarvanMo3 分钟前
Flutter 3.38 + Firebase:2025 年开发者必看的新变化
前端
Lethehong12 分钟前
简历优化大师:基于React与AI技术的智能简历优化系统开发实践
前端·人工智能·react.js·kimi k2·蓝耘元生代·蓝耘maas
华仔啊21 分钟前
还在用 WebSocket 做实时通信?SSE 可能更简单
前端·javascript
鹏北海42 分钟前
多标签页登录状态同步:一个简单而有效的解决方案
前端·面试·架构
_AaronWong1 小时前
基于 Vue 3 的屏幕音频捕获实现:从原理到实践
前端·vue.js·音视频开发
孟祥_成都1 小时前
深入 Nestjs 底层概念(1):依赖注入和面向切面编程 AOP
前端·node.js·nestjs
let_code1 小时前
CopilotKit-丝滑连接agent和应用-理论篇
前端·agent·ai编程
Apifox1 小时前
Apifox 11 月更新|AI 生成测试用例能力持续升级、JSON Body 自动补全、支持为响应组件添加描述和 Header
前端·后端·测试
木易士心1 小时前
深入剖析:按下 F5 后,浏览器前端究竟发生了什么?
前端·javascript
在掘金801101 小时前
vue3中使用medium-zoom
前端·vue.js