HTML | <a>链接属性

HTML 中的超链接是通过 <a> 标签来创建的。 <a> 标签具有多个属性，用于控制链接的行为和外观。

href属性

href 属性定义了链接目标的 URL。在以下示例中，单击文本“Google”将引用 Google 的网站：

<a href="https://www.google.com">Google</a>

target属性

target 属性定义了链接页面的目标窗口。常见的选项有：

• _blank 打开链接的新窗口（或标签页）
• _self 打开链接的当前窗口（或标签页）
• _parent 打开链接的父级窗口，有父级窗口时使用
• _top 打开链接的最顶层的窗口

<!-- 在新窗口中打开链接 -->
<a href="https://www.google.com" target="_blank">Google</a>

<!-- 在当前窗口中打开链接 -->
<a href="https://www.google.com" target="_self">Google</a>

download 属性

download 属性指示浏览器下载链接，而不是导航到其 URL。示例如下：

<a href="https://example.com/download.zip" download>下载</a>

rel 属性

rel 属性定义了链接到目标的关系类型。它告诉浏览器链接的目标是什么类型的文档或页面。常见的 rel 值有：

• nofollow 表示搜索引擎不应该遵循链接
• noopener 防止在新窗口中打开链接的页面对原始页面进行操作
• noreferrer 防止在新窗口中打开链接的页面提供引用

<!-- 不追踪这个链接，搜索引擎也不会跟进 -->
<a href="https://example.com" rel="nofollow">example</a>

<!-- 防止新窗口中打开的页面对原始页面进行操作 -->
<a href="https://example.com" target="_blank" rel="noopener">example</a>

title 属性

title 属性定义鼠标悬停在链接上时显示的文本。示例如下：

<a href="https://www.google.com" title="前往 Google">Google</a>

以上是 HTML 中 <a> 链接标签的主要属性，这些属性可以组合使用，以创造出用户友好和易于管理的链接功能。