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

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中的frameframeset标签已经过时),人们会认为这是一个相同的窗口函数.相反,如果此锚嵌套在框架中,它将以沙盒模式打开,这意味着仅在该框架中.

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"中断所有框架"并在整个浏览器窗口中打开链接的文档.

  • 这是指向“目标”的HTML5草案的链接:http://www.w3.org/TR/html-markup/a.html#a.attrs.target。 (2认同)

小智 15

下面是一张显示嵌套框架和不同目标值的效果的图像,然后是对图像的解释。

不同的目标值。1

想象一个包含 3 个嵌套<iframe>又名“框架”/“框架集”的网页。所以:

  • 最外面的网页/浏览器是起始上下文
  • 最外面的网页是第 3 帧的父级
  • 帧 3 是帧 2 的父级
  • 帧 2 是帧 1 的父级
  • 帧 1 是最里面的帧

那么目标属性有以下效果:

  • 如果第 1 帧target="_self"有链接,则链接以第 1 帧为目标(即链接以包含链接的帧为目标(即以自身为目标))
  • 如果第 1 帧target="_parent"有链接,则链接指向第 2 帧(即链接指向父框架
  • 如果第 1 帧target="_top"有链接,则链接指向初始网页(即链接指向最顶部/最外框架;(在这种情况下;链接跳过祖父框架 3))
    • 如果第2帧具有target="_top"的链接,则该链接针对初始网页(即,该链接再次针对最顶层/最外层框架
  • 如果 这些框架中的任何一个具有与target="_blank"的链接,则该链接的目标是辅助浏览上下文,也就是“新窗口”/“新选项卡”
    • 这适用于第 3 帧、第 2 帧、第 1 帧和最外面的网页。小心“tabnabbing”,以防万一target="_blank"使用rel="noopener"属性

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

小智 11

target="_blank"

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

target="_self"

在同一帧中打开窗口,它表示现有窗口本身.

target="_top"

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

target="_parent"

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


Sye*_*ood 7

这是一个具有不同锚标记的实际示例

目标属性

  • 请将链接文章的相关部分复制到 SO,以供后代使用。 (3认同)