锚点目标属性中_self,_top和_parent之间的差异


80

我知道_blank打开一个新的标签与锚标记使用时,也有我使用框架,但我会想知道的区别时,使用自定义的目标_parent_self_top

Answers:


117

这些答案虽然不错,但是恕我直言,我认为它们不能完全解决问题。

定位标记中的target属性告诉浏览器定位目标的目标。最初创建它们是为了操纵锚并将其定向到文档的框架系统。在CSS协助HTML开发人员之前,这还很早。

虽然target="_self"是浏览器的默认和最常见的目标是target="_blank"这将打开一个新窗口锚(已通过浏览器通常设置重定向到标签)。的"_parent""_top"并且framename标签留下一个谜那些不熟悉的iframe网站建设作为潮流的日子。

target="_self"这将在同一框架中打开锚点。令人困惑的是,因为我们通常不再写框架了(并且HTML标记中的frameandframeset标签已过时),所以人们认为这是相同的窗口函数。相反,如果此锚点嵌套在框架中,它将以某种沙箱模式打开,这意味着仅在该框架中打开。

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>

1
我认为应避免恕我直言。我不得不搜索谷歌的意思。
Sonevol

1
无论如何,最自我的解释和最好的答案。
Sonevol

16

HTML 4.01规范中的第6.16框架目标名称定义了含义,但部分已过时。它指的是“窗口”,而HTML5草案更实际地讲“浏览上下文”,因为在这种情况下现代浏览器经常使用标签而不是窗口。

简要地说,_self是默认设置(当前浏览上下文,即当前窗口或选项卡),因此仅覆盖<base target=...>设置是有用的。该值_parent引用作为当前框架父级的框架集,而_top“脱离所有框架”并在整个浏览器窗口中打开链接的文档。


2
这是指向target以下网址的HTML5草案的链接:w3.org/TR/html-markup/a.html#a.attrs.target
奥利弗

14

target="_blank"

打开一个新窗口并显示相关数据。

target="_self"

在同一框架中打开窗口,这意味着现有窗口本身。

target="_top"

在窗口的整个正文中打开链接的文档。

target="_parent"

以父窗口的大小打开数据。


“全身”是什么意思?
罗布施(Robsch)2015年

@robsch看到詹姆斯·约翰逊的答案
约瑟夫雷克斯

target="_main"属性在说什么呢?
Anupam Haldkar,

2

这是具有不同目标值的图像。

不同的目标值1


请解释您的“答案”。该图像本身不清楚。
SherylHohman

@SherylHohman,您好,感谢您的反馈。图像的颜色不清楚还是无法解释?
Binaya

如果我错了纠正我。这是我在查看图像时的理解:1. _parent-单击框架1时,将在框架2中打开一个链接。2. _self-框架1中的链接在单击时在框架1中打开。3. _blank-单击任何链接都将在新选项卡中打开,无论它实际位于哪个帧中,即使它位于嵌套的iframe中也是如此。4. _top-单击该链接会在当前选项卡中打开,无论它实际位于哪个帧中,即使它位于嵌套的iframe中也是如此。
motss

0

这是带有不同锚点标记的实际示例

目标属性


3
请将您的链接文章的相关部分复制到SO中,以供后代使用。
汤姆(Tom)

仅链接响应不被视为SO的答案。这是一个有用的评论的很好的例子。要被视为答案,您需要将链接页面中的相关信息直接嵌入到您的帖子中。有关更多信息,请参见SO帮助页面。
SherylHohman

该链接不再可用!
Revnic Robert-Nick
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.