HTML学习笔记:链接target属性

关于target的使用：

<a href="https://www.baidu.com" target="_parent">网址链接</a>

其中关于target四个特殊目标的理解，W3school上的解释为：
HTML 标签的 target 属性
在这里插入图片描述
其中_black和_self两个属性很好理解，即一个为在新窗口打开，一个为在当前窗口打开，但是_top和_parent对于我这个初学者来说就有些难以理解了，经过初步学习发现这两种属性是针对于框架的，以下是我模仿写的小例子，希望能帮助各位更好的理解_top和_parent:
废话不多说直接开搞：
frameab.html

<html>
<head>
</head>
<meta charset="utf-8">
<title>一个关于targer的页面</title>
<frameset cols="25%,*">
<frame src="framea.html"></frame>
<frame src="frameb.html"></frame>
</frameset>
</html>

framea.html

<html>
<head>
<meta charset="utf-8">
<title>FrameA</title>
</head>
<body  bgcolor="#8F8FBD">
<h4>FrameA</h4>
<body>
</html>

frameb.html

<html>
<head>
<meta charset="utf-8">
</head>
<frameset rows="25%,*">
<frame src="frameb_1.html"></frame>
<frame src="frameb_2.html"></frame>
</frameset>
</html>

frameb_1.html

<html>
<head>
<meta charset="utf-8">
<title>frameb_1</title>
</head>
<body bgcolor="#5DCBFF">
<h4>FrameB_1</h4>
</body>
</html>

frameb_2.html

<html>
<head>
<meta charset="utf-8">
<title>frameb_1</title>
</head>
<body bgcolor="#D8B3D8">
<h4>FrameB_1</h4>
<p>这是个链接target=_black
<a href="F:\Html\MyHtmls1\image\html_action.html" target="_black">target=_black</a>
</p>
<p>这是个链接target=_self
<a href="F:\Html\MyHtmls1\image\html_action.html" target="_self">target=_self</a>
</p>
<p>这是个链接target=_top
<a href="F:\Html\MyHtmls1\image\html_action.html" target="_top">target=_top</a>
</p>
<p>这是个链接target=_parent
<a href="F:\Html\MyHtmls1\image\html_action.html" target="_parent">target=_parent</a>
</p>
</body>
</html>

然后frameab.html运行效果：
在这里插入图片描述

点击target=_black链接运行效果如下：

即：_black时候等于跳出当前页面，在新的窗口打开文本
点击target=_self链接运行效果如下：

即：_self时候等于在其自己所在的页面显示跳转
点击target=_parent链接运行效果如下：

即：_parent时候等于在其自己所在的页面的父页面显示跳转
点击target=_top链接运行效果如下：

即：_top时候等于会清除当前页面所有框架信息，并在当前页面显示跳转

HTML学习笔记:链接target属性

相关文章