深入剖析 HTML 标签属性的值166

target 属性控制超链接被打开的方式。有以下几种选项：* `_self`：在当前窗口或框架中打开链接（默认）
* `_blank`：在新的浏览器窗口或选项卡中打开链接
* `_parent`：在父窗口中打开链接
* `_top`：在整个浏览器窗口中打开链接

<a href="" target="_blank">Example</a>

3. rel

rel 属性指定超链接与当前页面之间的关系。有以下几种常见选项：* `alternate`：表示超链接指向一个替代版本的页面（例如，翻译版本）
* `canonical`：表示超链接指向页面的原始版本
* `nofollow`：告诉搜索引擎不要跟踪超链接指向的页面
* `noopener`：如果 target 属性设置为 `_blank`，则防止新打开的窗口访问当前窗口的文档对象

<a href="" rel="alternate">Example</a>

onclick 属性指定在用户单击超链接时触发一个 JavaScript 函数。该函数可以执行各种操作，例如打开一个弹出窗口或提交表单。
<a href="" onclick="myFunction()">Example</a>

5. onmouseover

onmouseover 属性指定在用户将鼠标悬停在超链接上时触发一个 JavaScript 函数。该函数可以执行各种操作，例如改变超链接的颜色或显示一个提示。
<a href="" onmouseover="myFunction()">Example</a>

style 属性允许您使用内联 CSS 样式来控制超链接的外观。您可以设置字体大小、颜色、背景色等属性。
<a href="" style="color: blue; font-size: 16px">Example</a>

7. class

class 属性允许您将一个 CSS 类应用于超链接。您可以使用外部样式表或内联样式表来控制该类的样式。
<a href="" class="my-link">Example</a>
/* 在外部样式表中 */
.my-link {
color: blue;
font-size: 16px;
}

title 属性提供超链接的附加信息，通常在用户将鼠标悬停在超链接上时显示为工具提示。它有助于向用户提供有关超链接的更多上下文。
<a href="" title="Example website">Example</a>

9. aria-label

aria-label 属性提供了一个替代文本标签，用于辅助技术（例如屏幕阅读器）。它对于为视觉障碍用户提供超链接上下文非常重要。
<a href="" aria-label="Example website">Example</a>

download 属性允许用户下载超链接指向的文件。当用户单击超链接时，文件将立即开始下载。
<a href="" download>Download File</a>

11. type

type 属性指定超链接的 MIME 类型。这对于向浏览器提供有关超链接指向内容类型的信息很有用。
<a href="" type="application/pdf">Download File</a>

12. ping

ping 属性发送一个 HTTP POST 请求到指定的 URL，当用户单击超链接时。这可以用于跟踪用户点击或进行服务器端操作。
<a href="" ping="">Example</a>

13. media

media 属性指定媒体查询，控制超链接是否仅在满足特定条件时显示。这可以用于创建响应式超链接，根据设备、屏幕大小或其他因素进行调整。
<a href="" media="(max-width: 600px)">Example</a>

14. referrerpolicy

referrerPolicy 属性控制浏览器如何在超链接请求中包含 referrer 头信息。有以下几种选项：* `no-referrer`：不发送 referrer 头信息
* `origin`：仅发送 origin 头信息
* `same-origin`：仅发送相同 origin 的 referrer 头信息

<a href="" referrerpolicy="no-referrer">Example</a>

15. rel="noopener"