HTML学习笔记:链接target属性

文阿花

于 2024-04-18 13:44:35 发布

阅读量668

点赞数 5

分类专栏： HTM学习笔记文章标签： html 学习笔记

本文链接：https://blog.csdn.net/wz_1992/article/details/137918411

版权

HTM学习笔记专栏收录该内容

5 篇文章 1 订阅

订阅专栏

关于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>