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

相关推荐
掘金安东尼2 小时前
让 JavaScript 更容易「善后」的新能力
前端·javascript·面试
掘金安东尼2 小时前
用 HTMX 为 React Data Grid 加速实时更新
前端·javascript·面试
灵感__idea4 小时前
Hello 算法:众里寻她千“百度”
前端·javascript·算法
yinuo4 小时前
轻松接入大语言模型API -04
前端
袋鼠云数栈UED团队5 小时前
基于 Lexical 实现变量输入编辑器
前端·javascript·架构
cipher5 小时前
ERC-4626 通胀攻击:DeFi 金库的"捐款陷阱"
前端·后端·安全
UrbanJazzerati5 小时前
非常友好的Vue 3 生命周期详解
前端·面试
AAA阿giao5 小时前
从零构建一个现代登录页:深入解析 Tailwind CSS + Vite + Lucide React 的完整技术栈
前端·css·react.js
兆子龙6 小时前
像 React Hook 一样「自动触发」:用 Git Hook 拦住忘删的测试代码与其它翻车现场
前端·架构
兆子龙7 小时前
用 Auto.js 实现挂机脚本:从找图点击到循环自动化
前端·架构