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文档中的任何元素,使您能够添加额外的信息和特性,以改进页面的样式、可访问性或其他功能。

相关推荐
bearpping39 分钟前
Nginx 配置:alias 和 root 的区别
前端·javascript·nginx
@大迁世界1 小时前
07.React 中的 createRoot 方法是什么?它具体如何运作?
前端·javascript·react.js·前端框架·ecmascript
January12071 小时前
VBen Admin Select 选择框选中后仍然显示校验错误提示的解决方案
前端·vben
. . . . .1 小时前
前端测试框架:Vitest
前端
xiaotao1311 小时前
什么是 Tailwind CSS
前端·css·css3
战南诚2 小时前
VUE中,keep-alive组件与钩子函数的生命周期
前端·vue.js
发现一只大呆瓜3 小时前
React-彻底搞懂 Redux:从单向数据流到 useReducer 的终极抉择
前端·react.js·面试
霍理迪3 小时前
Vue的响应式和生命周期
前端·javascript·vue.js
李剑一3 小时前
别再瞎写了!Cesium 模型 360° 环绕,4 套源码全公开,项目直接用
前端