HTML 属性
HTML 属性 (Attributes) 为 HTML 元素提供了额外的信息。它们是增强元素功能和语义的关键。
属性的核心特点
- 所有 HTML 元素都可以拥有属性。
- 属性总是在开始标签中指定。
- 属性通常以 名称/值 对 (name/value pairs) 的形式出现，例如：
name="value"。 - 属性值为属性提供了具体的配置。
常用属性示例
1. href 属性
<a> 标签用于定义一个超链接。href 属性指定了链接指向的 URL 地址。
<a href="https://www.google.com">访问谷歌</a>在这个例子中，href 是属性名，https://www.google.com 是属性值。
2. src 属性
<img> 标签用于在页面上嵌入一张图片。src (source) 属性指定了图片的路径或 URL。
<img src="images/logo.png" />3. width 和 height 属性
<img> 标签也可以使用 width 和 height 属性来指定图片的宽度和高度（以像素为单位）。
<img src="logo.png" width="250" height="100" />注意: 虽然可以直接用属性设置尺寸，但现代 Web 开发更推荐使用 CSS 来控制样式。
4. alt 属性
alt (alternative text) 属性为图片提供了替代文本。当图片因某种原因（如网络问题、路径错误）无法显示时，浏览器会显示 alt 属性中的文本。此外，屏幕阅读器会朗读这段文本，这对于视觉障碍用户访问网页至关重要。
<img src="logo.png" alt="网站的Logo" width="250" height="100" />如果图片加载失败，用户将看到 “网站的Logo” 这段文字。
5. style 属性
style 属性用于为元素添加内联样式 (inline style)，即直接在标签内编写 CSS 代码。
<p style="color:red; font-size:16px;">这是一个红色的段落。</p>注意: 内联样式通常用于快速测试或特定情况。对于大型项目，将 CSS 分离到 <style> 标签或外部 .css 文件是更好的实践。
6. lang 属性
lang 属性在 <html> 标签中声明了整个页面的语言。这对搜索引擎和浏览器非常重要。
<!DOCTYPE html>
<html lang="zh-CN">
<body>
...
</body>
</html>zh-CN 表示简体中文。
7. title 属性
title 属性可以为元素提供额外的说明信息。当鼠标悬停在元素上时，这些信息通常会以工具提示（tooltip）的形式显示出来。
<p title="我是一个工具提示">将鼠标悬停在我身上。</p>属性值的引号
属性值应该始终被包含在引号中。单引号 (') 和双引号 (") 都可以使用。
在大多数情况下，双引号是更常见的选择。但在某些特殊情况下，比如属性值本身就包含双引号时，你可以使用单引号来包裹，反之亦然。
<p title='这是一个 "引用"'>单引号包裹</p>
<p title="这是一个 '引用'">双引号包裹</p>最佳实践总结
- 使用小写: HTML5 标准不强制要求，但推荐始终为属性名使用小写。
- 使用引号: 始终用引号包裹属性值。这能避免一些潜在的错误，尤其当属性值包含空格时。