全局属性
在编写HTML文档时，我们可以在标签内部添加属性来控制元素的行为和表现。而HTML中不同的标签有不同的属性，有些属性被所有标签共享，称为全局属性。
1. class
class属性用于指定元素属于哪个类别。它是一种分类方式，可以将相关的元素归为一类，然后用CSS来控制这一类元素的样式。
例子：
<div class="box">
<p class="title">这是标题</p>
<p class="content">这是正文</p>
</div>
上述代码中，我们指定了一个class为box的div元素，内部包含两个p元素，分别有class为title和content。这里class的值可以自定义，只要在样式表中匹配即可。
2. id
id属性用于指定元素的唯一标识符。同一个页面上不能存在相同id的元素。
例子：
<p id="intro">这是一个简介</p>
这里我们指定了一个id为intro的p元素。在样式表或JavaScript中，我们可以直接通过id来获取对应的元素，进行操作。
3. style
style属性用于为元素指定一个样式规则。样式规则是由属性名称和属性值组成的键值对，多个规则之间用分号隔开。
例子：
<p style="color: red; font-size: 16px;">这是红色的大字</p>
这里我们为p元素设置了一个style属性，规则中包含了color（颜色）和font-size（字体大小）两个属性，颜色为红色，字体大小为16像素。
4. title
title属性用于指定元素的附加信息，通常是一些与元素相关的文本描述。
例子：
<a href="http://www.example.com" title="前往示例网站">示例网站</a>
这里我们指定了一个a元素，链接到一个示例网站，并设置了一个title属性，描述了该链接的目的。
5. tabindex
tabindex属性用于指定元素在通过tab键进行焦点导航时的顺序。
例子：
<input type="text" tabindex="2">
<input type="submit" tabindex="1">
<input type="checkbox" tabindex="3">
这里我们指定了三个元素，一个文本框，一个提交按钮和一个复选框，并且用tabindex属性分别指定了它们的焦点顺序。当焦点移动到这些元素时，将按照属性值排序。
6. accesskey
accesskey属性用于为元素指定一个快捷键。当用户按下快捷键时，将自动聚焦到对应的元素上。
例子：
<input type="text" accesskey="s">
这里我们指定了一个文本框，并使用accesskey属性指定了一个快捷键s。当用户按下Alt和S键时，将自动聚焦到该文本框上。
7. hidden
hidden属性用于指定元素是否隐藏。当hidden属性存在时，元素将不会在页面上显示。
例子：
<p hidden>这是一个隐藏的段落</p>
这里我们指定了一个p元素，并使用hidden属性将其隐藏。该元素不会在页面上显示，但是可以通过JavaScript等手段访问到它。
8. data-*
data-*属性用于提供自定义数据，可以存储任何字符串数据，命名格式以"data-"为前缀。
例子：
<div data-section="about"></div>
这里我们指定了一个div元素，并使用data-section属性存储了一个自定义数据，值为about。这种方式可以为元素提供自定义信息，例如在JavaScript中使用。
9. lang
lang属性用于指定元素的语言，以便浏览器根据需要进行语言处理。
例子：
<p lang="en">Hello World!</p>
这里我们指定了一个p元素，并使用lang属性指定了该元素使用的语言，这里为英语。
10. translate
translate属性用于指定浏览器是否应该翻译元素内容，或者在禁用翻译时，是否允许该元素被翻译。
例子：
<p translate="no">这是一段不需要翻译的文本</p>
这里我们指定了一个p元素，并使用translate属性指定该元素不需要进行翻译。