3. HTML 常用 标签属性 和 全局属性

HTML 常用 标签属性 和 全局属性

HTML 属性 是添加到 HTML 标签中的 额外信息，用于 修改 或 增强 标签 的功能。它们总是在 开始标签 中 定义，并且以 “属性名 =“属性值”” 的 形式 出现。

常用标签属性

<a> 标签

1. href 属性，指定链接的 目标 URL。它可以链接到 外部网站、内部页面、文件（如 PDF、DOC 等）或者 页面中的 锚点；
2. target 属性，指定链接 在何处打开：
   1. _self（默认值）表示在 当前窗口 打开链接；
   2. _blank 表示在 新窗口 或 新标签页 中打开链接。

<img> 标签

1. src 属性，告诉浏览器 从何处获取图像文件。可以是 相对路径（相对于 HTML 文件 所在的位置）或 绝对路径；
2. alt 属性，图像无法显示（如 网络问题、文件丢失 或 用户使用屏幕阅读器）时，显示的 替代文本。这对于 可访问性 和 SEO 都很重要。

<input> 标签

1. type 属性，定义 输入字段的 类型，如 text（文本）、password（密码）、checkbox（复选框）、radio（单选按钮）等。
2. value 属性：
   1. 对于某些类型的输入（如文本、密码等），它表示 输入字段的 初始值；
   2. 对于 按钮（如提交按钮），它表示 按钮上 显示的 文本。

常用全局属性

全局属性 是可以在 任何 HTML 标签上 使用的 属性，它们提供了一些 通用的功能，如 定义元素的 ID、类名、样式等。

id 属性

在整个 HTML 文档中 为元素提供一个 唯一的 标识符。它主要用于 JavaScript 操作元素（通过 getElementById 方法）和 CSS 样式（通过 #id 选择器）。

class 属性

用于将 元素分组。多个元素可以有 相同的类名，这样就可以使用 CSS 的 .class 选择器 为这些元素应用 相同的样式。

style 属性

用于直接在 元素上应用 内联 CSS 样式。它接受 CSS 属性: 值;，以 分号 分隔。

不过，在实际开发中，为了更好的代码维护，通常会将 CSS 样式 放在 单独的 样式表文件 中，而不是 大量使用 style 属性。

title 属性

当 鼠标悬停 在 元素 上时，显示一个 提示文本。