HTML <a> 标签的 target 属性详解

HTML 标签的 target 属性

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

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

<!-- 目录页面 -->
Table of Contents
Preface
Chapter 1
Chapter 2
Chapter 3

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

这样，目录窗口保持可访问状态，用户可以通过单击链接来改变另一个窗口的内容。

在框架中打开窗口

除了打开完整浏览器窗口，更常见的用法是在一个 <frameset> 中将超链接内容定向到一个或多个框架中。可以将目录放入一个框架中，用相邻框架显示选定的文档：

<!-- frameset.html -->
<frameset cols="20%,80%">
  <frame src="toc.html" name="toc_frame">
  <frame src="preface.html" name="view_frame">
</frameset>

<!-- toc.html -->
Table of Contents
Preface
Chapter 1
Chapter 2
Chapter 3

当用户从左边框架中的目录选择一个链接时，浏览器会将关联的文档载入并显示在右边的 "view_frame" 框架中。其他链接被选中时，右边框架内容变化，左边框架始终保持不变。

特殊的目标名称

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

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

语法

链接文本

属性值

实际应用示例

示例1：在新窗口打开外部链接

访问示例网站

示例2：在相同窗口打开链接

关于我们

示例3：在iframe中打开链接

加载页面
<iframe name="content-frame" width="100%" height="400"></iframe>