Jos*_*Rex 71 html anchor hyperlink
我知道_blank在与锚标签一起使用时会打开一个新选项卡,并且在使用框架集时我会使用自定义目标,但我想知道_parent,_self和_top之间的区别
Bri*_*lis 100
虽然这些答案都很好,但我不认为他们完全解决了这个问题.
锚标记中的target属性告诉浏览器锚点目标的目标.它们最初是为了操纵和引导锚定到文档的框架系统而创建的.在CSS开发人员帮助之前,这已经很久了.
虽然target="_self"
默认情况下是浏览器,但最常见的目标是target="_blank"
在新窗口中打开锚点(通常通过浏览器设置将其重定向到选项卡).的"_parent"
,"_top"
并且framename
标签留下一个谜那些不熟悉的iframe网站建设作为潮流的日子.
target="_self"
这会在同一帧中打开一个锚点.令人困惑的是,因为我们通常不再写帧(并且HTML5中的frame
和frameset
标签已经过时),人们会认为这是一个相同的窗口函数.相反,如果此锚嵌套在框架中,它将以沙盒模式打开,这意味着仅在该框架中.
target="_parent"
如果它们嵌套在一个框架中,它将在框架的下一级打开
target="_top"
这会在嵌套的所有帧之外中断,并在浏览器窗口中打开链接作为顶层文档.
target="framename
这最初已弃用,但已在HTML5中重新使用.这将针对相关的确切帧.虽然这name
是使用id
识别标签替换方法的正确方法.
<!--Example:-->
<html>
<head>
</head>
<body>
<iframe src="url1" name="A"><p> This my first iframe</p></iframe>
<iframe src="url2" name="B"><p> This my second iframe</p></iframe>
<iframe src="url3" name="C"><p> This my third iframe</p></iframe>
<a href="url4" target="B"></a>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
Juk*_*ela 16
第6.16节HTML 4.01规范中的帧目标名称定义了含义,但它已部分过时.它指的是"窗口",而HTML5草案更现实地谈论"浏览上下文",因为现代浏览器在这种情况下经常使用制表符而不是窗口.
简而言之,_self
是默认值(当前浏览上下文,即当前窗口或选项卡),因此仅覆盖<base target=...>
设置很有用.该值_parent
指的是作为当前帧的父级的框架集,而_top
"中断所有框架"并在整个浏览器窗口中打开链接的文档.
小智 15
下面是一张显示嵌套框架和不同目标值的效果的图像,然后是对图像的解释。
想象一个包含 3 个嵌套<iframe>
又名“框架”/“框架集”的网页。所以:
那么目标属性有以下效果:
target="_self"
有链接,则链接以第 1 帧为目标(即链接以包含链接的帧为目标(即以自身为目标))target="_parent"
有链接,则链接指向第 2 帧(即链接指向父框架)target="_top"
有链接,则链接指向初始网页(即链接指向最顶部/最外框架;(在这种情况下;链接跳过祖父框架 3))
target="_top"
的链接,则该链接还针对初始网页(即,该链接再次针对最顶层/最外层框架)target="_blank"
的链接,则该链接的目标是辅助浏览上下文,也就是“新窗口”/“新选项卡”
target="_blank"
;使用rel="noopener"
属性小智 11
target="_blank"
打开一个新窗口并显示相关数据.
target="_self"
在同一帧中打开窗口,它表示现有窗口本身.
target="_top"
在窗口的整个正文中打开链接的文档.
target="_parent"
以父窗口的大小打开数据.