第04章全局属性全局属性是所有HTML元素共有的属性; 它们可以用于所有元素，即使属性可能对某些元素不起作用。很多属性

概述

全局属性 是所有HTML元素共有的属性; 它们可以用于所有元素，即使属性可能对某些元素不起作用。

很多属性在我们之前的学习中都已经接触过了，能熟练地记识这些属性能够给我们之后的Web开发带来很多便利，减少开发中所犯的一些低级错误。作为一名Web前端工程师，能够准确地区分全局属性和特殊属性也是一项重要的基本功。接下来我们就来看看在HTML中哪些属性能够作为并为大部分主流浏览器所兼容的全局属性。

全局属性

class 属性：
- 作用：用于为元素指定一个或多个类名，多个类名之间用空格分隔。这些类名可以在 CSS 中被引用，用于为元素添加样式，或者在 JavaScript 中作为元素的选择器，以便进行各种操作。
- 示例：<div class="container main-content">This is a div</div>。
- 在 CSS 中使用：.container { background-color: lightblue; }。
- 在 JavaScript 中使用：document.querySelector('.container')。
id 属性：
- 作用：为元素提供一个唯一的标识符，在一个页面中，元素的 id 应该是唯一的。它通常用于 JavaScript 中方便地定位元素，或者在 CSS 中为元素设置特定的样式，也可用于创建页面内的锚点链接。
- 示例：<p id="unique-paragraph">This is a unique paragraph</p>。
- 在 CSS 中使用：#unique-paragraph { font-size: 18px; }。
- 在 JavaScript 中使用：document.getElementById('unique-paragraph')。
style 属性：
- 作用：直接在元素上添加内联样式。虽然一般不推荐使用，因为它会将样式和 HTML 结构混在一起，不利于维护，但在某些情况下可以方便地进行快速样式调整。
- 示例：<span style="color: red;">This is red text</span>。
title 属性：
- 作用：提供关于元素的额外信息，当用户将鼠标悬停在元素上时，会显示一个包含 title 属性内容的提示框。对于一些缩写或需要额外解释的元素很有用。
- 示例：<abbr title="HyperText Markup Language">HTML</abbr>。
hidden 属性：
- 作用：布尔属性，当存在该属性时，元素将被隐藏，不会显示在页面上，但元素仍然存在于 DOM 中。可以通过 JavaScript 动态添加或移除该属性来控制元素的显示和隐藏。
- 示例：<p hidden>This paragraph is hidden</p>。
data-\* 属性：
- 作用：可以自定义 data- 开头的属性，这些属性可以存储额外的信息，通常用于存储与元素相关的数据，方便 JavaScript 进行操作。
- 示例：<button data-id="123" data-action="submit">Submit</button>。
- 在 JavaScript 中使用：document.querySelector('button').dataset.id 可获取 data-id 的值。
lang 属性：
- 作用：指定元素的语言，对于一些多语言页面很有用，也有助于搜索引擎和辅助技术，例如屏幕阅读器，来正确处理元素内容。
- 示例：<p lang="fr">Bonjour le monde</p> 表示该段落是法语。
tabindex 属性：
- 作用：指定元素在使用键盘进行导航时的顺序。tabindex="0" 表示元素可被聚焦，并且按照元素在文档中的顺序聚焦；负值（如 -1）表示元素不可通过键盘导航，但可以通过 JavaScript 聚焦；正值表示元素可以按照 tabindex 的值排序进行聚焦。
- 示例：<button tabindex="2">Button 2</button>。

第04章 全局属性

概述

全局属性

第04章全局属性