元素的通用属性
在之前的学习中，我们遇到了各种各样的HTML属性，比如<a>标签的href，<img>标签的src，以及表单元素的type。
这些属性通常是特定标签专用的。然而，HTML中还有一类特殊的属性，它们非常“大方”，可以被应用在任何一个HTML元素上。我们称之为“全局属性”（Global Attributes）。
id - 独一无二的身份证号
我们已经在锚点链接和<label>标签的for属性中与id打过交道。
- 核心规则: 在一个HTML页面中，任何一个元素的
id值都必须是独一无二的，绝不能重复。它就像是这个元素的身份证号。 - 主要用途:
- 作为页面内锚点链接的目标。
- 作为
<label>指向的特定表单控件。 - 作为JavaScript选中特定元素的“钩子”（hook）。
|<div id="main-content">...</div>
class - 分组的“班级”标签
class属性可能是你未来学习CSS时最重要的伙伴。它的作用是为一个或多个元素“贴上”一个分类标签。所有拥有相同class名的元素，都可以被看作是同一个“班级”的成员。
- 核心规则:
class值可以被任意多个元素共享。一个元素也可以同时拥有多个class名，用空格隔开。 - 主要用途:
- 作为CSS选择器，为一组具有相同特征的元素应用统一样式。
- 作为JavaScript选中一组元素的“钩子”。
想象一下，你有一些需要特别突出显示的警告信息：
|<p class="warning">注意：操作不可逆！</p> <div>...一些内容...</div> <p class="important warning">最终警告：请立即撤离！</p>
在这个例子中，两个段落都属于warning这个“班级”，所以它们可以被CSS统一设置为红色背景。而第二个段落还额外属于important班级，所以它可能还会被设置为粗体。
id vs class
经验法则：当你需要一个独一无二的钩子来指向一个特定的元素时，使用id。当你想对一组元素进行分类或应用相同样式时，使用class。在CSS造型中，class的使用频率远高于id。
style - 临时的“行内样式”
style属性允许你将CSS样式直接写在HTML元素的标签内。这被称为“行内样式”（Inline Style）。
|<p style="color: blue; font-size: 20px;">这是一段蓝色的、20像素大的文字。</p>
style属性的值就是CSS代码。这对于进行快速测试或对某个特定元素进行微调非常方便。
虽然style属性很直接，但在大型项目中应谨慎使用。它将内容（HTML）和表现（CSS）混在了一起，使得代码难以维护。最佳实践是将样式统一写在专门的CSS文件中，并通过class或id来应用，以实现结构与表现的分离。
title - 浮动的提示信息
title属性可以为元素提供额外的信息。当用户的鼠标悬停在该元素上时，这些信息通常会以一个小小的提示框（tooltip）的形式显示出来。
|<abbr title="HyperText Markup Language">HTML</abbr> <button title="点击这里会删除所有数据！">删除</button>
当我们在网页上遇到一些缩写词，比如“HTML”，如果我们给它加上title属性，鼠标悬停时就会弹出完整的解释，像是老师在黑板旁边悄悄补充说明一样。
又比如在“删除”按钮上加上title，当我们把鼠标移上去时，会出现“点击这里会删除所有数据！”这样的警告提示，提醒我们操作的风险。
lang - 语言声明
lang属性用于声明元素及其内容的语言。这对于搜索引擎和屏幕阅读器等辅助技术非常重要。例如，屏幕阅读器可以根据lang属性，使用正确的语音和发音来朗读文本。
通常，我们会将它设置在根元素<html>上，来声明整个页面的主要语言。
|<!DOCTYPE html> <html lang="zh-CN"> <!-- ... --> </html>
zh-CN代表使用中文（zh）和中国大陆（CN）地区的书写习惯。你也可以在一个特定的元素上使用它，来标明该部分内容与页面主体语言不同。
|<p>这是一个中文段落，但其中有一句<span lang="en">"Hello, World!"</span>。</p>
理解并熟练运用这些全局属性，会让你编写的HTML更加规范、灵活，这些内容你也会在本站中学习CSS与JavaScript时用到。