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

相关推荐
玲小珑8 小时前
React 防抖函数中的闭包陷阱与解决方案
前端·react.js
咖啡の猫8 小时前
TypeScript编译选项
前端·javascript·typescript
想学后端的前端工程师8 小时前
【Vue3响应式原理深度解析:从Proxy到依赖收集】
前端·javascript·vue.js
小徐不会敲代码~8 小时前
Vue3 学习 5
前端·学习·vue
_Kayo_8 小时前
vue3 状态管理器 pinia 用法笔记1
前端·javascript·vue.js
How_doyou_do8 小时前
工程级前端智能体FrontAgent
前端
2501_944446009 小时前
Flutter&OpenHarmony日期时间选择器实现
前端·javascript·flutter
二狗哈9 小时前
Cesium快速入门34:3dTile高级样式设置
前端·javascript·算法·3d·webgl·cesium·地图可视化
JS_GGbond9 小时前
前端实战:让表格Header优雅吸顶的魔法
前端
AlanHou9 小时前
Three.js:Web 最重要的 3D 渲染引擎的技术综述
前端·webgl·three.js