HTML | link 目标属性

在 HTML 中， 标签通常用于在 HTML 文档中导入外部资源，如 CSS 文件、JavaScript 文件等。然而， 标签还提供了一个名为“目标（target）”的属性，用于指定链接的打开方式。在本篇文章中，我们将深入探讨 标签的“目标”属性，以及它如何影响链接的行为。

目标属性的语法

在 标签中，目标属性可以通过以下语法进行设置：

<link href="external.css" rel="stylesheet" target="_blank">

在本例中，我们已经使用 href 属性指定了外部 CSS 文件的路径。然后，我们使用 target 属性将链接的目标设置为“_blank”，这意味着链接将在新窗口或选项卡中打开。

目标属性的值

目标属性可以被设置为以下值之一：

• _blank：在新窗口或选项卡中打开链接。
• _self：在当前窗口或选项卡中打开链接（默认值）。
• _parent：在当前链接的父级窗口或框架中打开链接。
• _top：在顶级窗口或框架中打开链接。

目标属性的效果

设置目标属性的效果取决于用户的浏览器和操作系统。大多数浏览器和操作系统都遵循以下规则：

• _blank：链接将在新的、未命名的窗口或选项卡中打开，具体取决于浏览器的设置。
• _self：链接将在当前窗口或选项卡中打开。
• _parent：链接将在当前链接的父级窗口或框架中打开。
• _top：链接将在顶级窗口或框架中打开，取代所有其他框架。

目标属性的实例

在下面的代码段中，我们将展示如何使用 标签的目标属性。

<!-- 在新窗口中打开链接 -->
<link href="external.css" rel="stylesheet" target="_blank">

<!-- 在父级框架中打开链接 -->
<link href="external.css" rel="stylesheet" target="_parent">

<!-- 在顶级窗口中打开链接 -->
<link href="external.css" rel="stylesheet" target="_top">

总结

标签是在 HTML 文档中导入外部资源的理想方式。使用目标属性，可以控制链接在何处打开，并为用户提供更好的浏览体验。目标属性的值可以是 "_blank"、"_self"、"_parent" 或 "_top"，具体效果取决于用户的浏览器和操作系统。