详解 HTML ＜a＞ 标签的 target 属性

1.定义

标签的 target 属性规定在何处打开链接文档。

如果在一个 标签内包含一个 target 属性，浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在，浏览器将打开一个新的窗口，给这个窗口一个指定的标记，然后将新的文档载入那个窗口。从此以后，超链接文档就可以指向这个新的窗口。

2.用法

2.1 打开新窗口

被指向的超链接使得创建高效的浏览工具变得很容易。例如，一个简单的内容文档的列表，可以将文档重定向到一个单独的窗口：

<ul>
  <li>
    <a href="https://www.csdn.net" target="view_frame">
      CSDN - 专业开发者社区
    a>
  li>
  <li>
    <a href="https://www.baidu.com" target="view_frame">
      百度一下，你就知道
    a>
  li>
ul>

• CSDN - 专业开发者社区
• 百度一下，你就知道

当用户第一次选择内容列表中的某个链接时，浏览器将打开一个新的窗口，将它标记为 "view_window"，然后在其中显示希望显示的文档内容。如果用户从这个内容列表中选择另一个链接，且这个 "view_window" 仍处于打开状态，浏览器就会再次将选定的文档载入那个窗口，取代刚才的那些文档。

2.2 在框架（frame）中打开窗口

不用打开一个完整的浏览器窗口，使用 target 更通常的方法是在一个 显示中将超链接内容定向到一个或者多个frame中。可以将这个内容列表放入一个带有两个frame的文档的其中一个frame中，并用这个相邻的frame来显示选定的文档：

<frameset cols="100,*">
  <frame src="left.html">
  <frame src="right.html" name="view_frame">
frameset> 

当浏览器最初显示这两个frame的时候，左边这个frame包含目录，右边这个frame包含前言。

是 “left.html” 的源代码：

<ul>
  <li>
    <a href="https://www.csdn.net" target="view_frame">CSDN - 专业开发者社区a>
  li>
  <li>
    <a href="https://www.baidu.com" target="view_frame">百度一下，你就知道a>
  li>
ul>

请注意，在文档 “left.html” 中，每个链接的目标都是 “view_frame”，也就是右边的frame。

2.3 特殊的目标

有 4 个保留的目标名称用作特殊的文档重定向操作：

_blank
浏览器总在一个新打开、未命名的窗口中载入目标文档。

<a href="https://www.csdn.net" target="_blank">CSDN - 专业开发者社区a>

_blank打开：CSDN - 专业开发者社区

_self
这个目标的值对所有没有指定目标的 标签是默认目标，它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的，除非和文档标题 标签中的 target 属性一起使用。

<a href="https://www.csdn.net" target="_self">CSDN - 专业开发者社区a>

_self打开：CSDN - 专业开发者社区

_parent
这个目标使得文档载入父窗口或者包含来超链接引用的框架的框架集。如果这个引用是在窗口或者在顶级框架中，那么它与目标 _self 等效。

<a href="https://www.csdn.net" target="_parent">CSDN - 专业开发者社区a>

_parent打开：CSDN - 专业开发者社区

_top
这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架并将文档载入整个浏览器窗口。

<a href="https://www.csdn.net" target="_top">CSDN - 专业开发者社区a>

_top打开：CSDN - 专业开发者社区

【提示】：这些 target 的所有 4 个值都以下划线开始。任何其他用一个下划线作为开头的窗口或者目标都会被浏览器忽略，因此，不要将下划线作为文档中定义的任何框架 name 或 id 的第一个字符。