HTML-<a>标签target属性

定义和用法

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

如果在一个 <a> 标签内包含一个 target 属性,浏览器将链接内容载入到target指向的窗口或框架。如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口。从此以后,超链接文档就可以指向这个新的窗口。

打开新窗口

例如导航页一个简单的内容文档的列表,可以将文档重定向到一个单独的窗口:

<h3>Demo</h3>
<ul>
  <li><a href="https://www.baidu.com" target="view_window">baidu</a></li>
  <li><a href="https://www.qq.com" target="view_window">tencent</a></li>
</ul>

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

在框架中打开窗口

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

<frameset cols="100,*">
  <frame src="navigation.html">
  <frame src="view.html" name="view_frame">
</frameset> 

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

这是 "navigation.html" 的源代码:

<h3>Table of Contents</h3>
<ul>
  <li><a href="chap1.html" target="view_frame">Preface</a></li>
  <li><a href="chap2.html" target="view_frame">Chapter 1</a></li>
</ul>

请注意,在文档 "navigation.html" 中,每个链接的目标都是 "view_frame",也就是右边的框架。

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

语法

<a target="value">

属性值

描述
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档
_top 在整个框架打开被链接文档
framename 在指定框架中打开被链接文档
http://www.w3school.com.cn/tags/att_a_target.asp

猜你喜欢

转载自www.cnblogs.com/archer-wen/p/9363541.html