欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-19 15:48:45
标签的 target 属性规定在何处打开链接文档。包含 _blank、_self、_parent、_top共4个特殊的target...

1.定义

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

如果在一个 <a> 标签内包含一个 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>
当用户第一次选择内容列表中的某个链接时,浏览器将打开一个新的窗口,将它标记为 "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包含前言。