全局属性
HTML全局属性是可以在任意HTML元素上使用的属性，它们不依赖于所在元素类型或上下文。它们是HTML5规范中介绍的共同属性，简化了HTML标记并允许开发人员实现一些通用功能。下面我们来看一下HTML全局属性的详细介绍。
1. class
class属性用于将一组元素定义为一个类，开发人员可以使用类选择器从CSS样式表中选择要应用样式的元素。class属性值应为字符串，可以是一个或多个类名，类名之间用空格分隔。例如：
<p class="class1 class2 class3">这是一个带有多个类名的段落。</p>如果需要应用相同的样式，可以在CSS文件中使用“.”选择器指定类名：
.class1 {
font-size: 16px;
color: #f00;
}
注意，class属性必须在HTML元素上唯一，不能存在多个具有相同class值的元素，这会使选择器无法选中特定的元素。
2. id
id属性与class属性类似，不同之处是它定义了元素的唯一标识符。id属性应该为一个唯一的字符串，并且在整个HTML文档中仅出现一次。id属性可以用于连接文档中的锚点，并且可以从JavaScript中引用特定元素进行操作。例如：
<div id="header">
<h1>欢迎来到我的网站</h1>
</div>
在CSS样式表中，可以使用ID选择器来为特定元素应用样式：
#header {
background-color: #ddd;
height: 80px;
padding: 10px;
}
注意，不应该在多个元素之间共享相同的ID值，这不仅会导致选择器无法选中特定元素，还可能会影响JavaScript代码中的其他功能。
3. title
title属性定义了元素的附加信息，通常会在用户将鼠标悬停在元素上时显示。title属性的内容可以为任意字符串，并可以包含HTML标记，但是不应该过于冗长或复杂，以免干扰用户体验。例如：
<a href="https://www.example.com" title="这是一个链接">链接文本</a>注意，title属性只适用于那些支持鼠标悬停事件的设备，对于移动设备或触摸屏来说，title属性并不适用。
4. tabindex
tabindex属性用于将元素设置为可聚焦的，并指定遍历顺序。当用户按下Tab键时，浏览器将按照tabindex属性的顺序遍历所有可聚焦元素。tabindex属性的值可以是一个正整数，也可以为-1，值越小，遍历顺序越靠前。例如：
<div tabindex="1">聚焦元素1</div>
<div tabindex="2">聚焦元素2</div>
<div tabindex="-1">聚焦元素3</div>
注意，不应该给所有元素都设置tabindex属性，否则可能会使聚焦顺序变得混乱。
5. accesskey
accesskey属性用于定义元素的快捷键，并且可以通过一些特定的键盘操作来激活它们。accesskey属性的值必须是一个单个字符，并且应该是键盘可见的字符。例如：
<button accesskey="C">提交</button>在不同的浏览器中，激活快捷键的命令可能不同。在Windows和Linux系统上，默认情况下使用Alt键；而在Mac系统上，通常需要同时按下CTRL与Option键。此外，通过激活元素上accesskey属性所定义的快捷键，也可以通常直接将焦点放在该元素上。
6. style
style属性用于为元素指定内联样式表，这表示该样式表仅适用于特定的元素，而不是文档中的所有元素。style属性的值应该是一个CSS样式的字符串，并且应该使用分号分隔不同的属性。例如：
<div style="background-color: #f00; color: #fff; padding: 10px;">内容</div>但是，最好尽量避免使用内联样式表。应该将样式表在单独的CSS文件中定义，以便在页面中重复使用，从而提高代码的可维护性和可重用性。
7. lang
lang属性用于定义元素的语言，通常用于帮助屏幕阅读器等辅助技术识别页面内容。lang属性的值应该是一个ISO语言代码字符串，对于中文来说，通常应设置为“zh-CN”。例如：
<div lang="en-US">This is a English text.</div>注意，如果文档中包含多种语言的内容，应该对每个元素都设置lang属性，以帮助最终用户更好地理解文本内容。
8. data-
data-属性用于自定义HTML元素的数据，通常用于JavaScript代码中向元素存储信息。这个属性可以设置任意的字符串值，格式为“data-”，然后后面跟着任意字符串。例如：
<div data-name="John">内容</div>在JavaScript代码中，可以通过element.dataset访问元素的data-属性内容。例如：
<script>
var name = document.querySelector('div').dataset.name;
</script>
这个属性的用途非常广泛，可以方便地在HTML和JavaScript之间进行数据传递和交互。
总结
感谢您阅读本文，我们在这篇文章中详细介绍了HTML全局属性的用途和功能：
class：可以为元素定义一个或多个类名，用于在CSS样式表中为元素应用样式。
id：定义元素的唯一标识符，通常用于JavaScript中操纵或操作元素。
title：定义元素的附加信息，通常在悬停时显示，并且可以包含HTML标记。
tabindex：将元素设置为可聚焦的，并指定遍历顺序。
accesskey：定义元素的快捷键，并通过一些特定的键盘操作来激活它们。
style：为元素内联指定样式表，使该样式表仅适用于特定元素。
lang：定义元素的语言，通常用于帮助辅助技术和最终用户更好地理解文本内容。
data-：自定义HTML元素的数据，通常用于JavaScript代码中向元素存储信息和交互。
这些全局属性提供了丰富的HTML标记选项和标记语言编写功能，使开发人员能够为用户提供更丰富、更可访问的Web体验。