当前位置： 移动技术网 > IT编程>网页制作>HTML > 详解 HTML ＜a＞ 标签的 target 属性

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

2020年07月24日  | 移动技术网IT编程  | 我要评论

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包含前言。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网