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

2024-05-14 18:21:41

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>

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

详解 HTML ＜a＞标签的 target 属性相关推荐

float属性html,详解CSS样式中的float属性
详解CSS样式中的float属性.float是 css 样式的定位属性.我们在印刷排版中,文本可以按照需要围绕图片.一般把这种方式称为"文本环绕".在网页设计中,应用了CSS的fl ...
js入门·表单详解一（修改表单属性，修改表单元素值）
实在javascript入门·Document对象入门讲解(访问表单,创建新页,获取页标题) 一文中,我们已经把表单的一些基本访问等弄清楚了,下面我们深入的学下表单的属性以及对表单元素的简单操作! 演 ...
三星服务器内存条型号区分,三星内存铭牌详解|三星内存条标签内存参数详解...
三星内存铭牌详解|三星内存条标签内存参数详解大多数朋友都清楚内存铭牌上,记录着内存的重要数据.但是大多数朋友都对此不甚了然!为此小编也想学习下,现在把相关的学习笔记分享出来,希望和朋友们显摆下,小编 ...
详解CSS3中新增的内容属性：content
详解CSS3中新增的内容属性:content 1. 用法: content属性用于插入生成的内容,常和:before选择器和:after选择器配合使用,将生成的内容放在一个元素内容的前面或后面. 2. ...
a标签的target属性
a标签的target属性前端a标签最重要的属性是href属性,实现页面的跳转.但是在当前页面显示还是在新页面中显示需要使用target属性控制前端a标签最重要的属性是href属性,实现页面的跳转. ...
a标签之target属性----在何处打开链接
<a> 标签的 target 属性规定在何处打开链接文档. eg: <a href="/example/html/pref.html" target=" ...
jQuery 自动给a标签添加target属性
本文档为个人博客文档系统的备份版本.作者:小游.作者博客:点击访问代码如下 //自动给a标签添加target属性 $("a").attr({rel:"noopener& ...
有关＜a＞标签的target属性决定了是否展示新打开的网页
<a>标签的target属性则决定了如何展示新打开的网页,最新版本html推荐的做法中, target属性可以定义为四种不同的值"_blank""_self& ...
Vue项目使用symbol的方式引入svg图标和svg path大法d属性详解，section标签
symbol标签 svg path大法d属性详解 section标签

最新文章

热门文章