首页 > web前端 > html教程 > HTML a标签中target blank属性使用方法及作用详解

HTML a标签中target blank属性使用方法及作用详解

藏色散人
发布: 2018-09-01 10:54:05
原创
35817 人浏览过

在制作HTML页面时,我们经常会用到a标签属性,众所周知,a标签是用来定义超链接的。如果我们在设计HTML页面过程中,需要实现点击某一文本或者元素后使得一个页面打开跳转到另一个页面的功能效果,这里就用到a herf标签属性,herf后面就是你指定跳转到的某个链接地址。

a标签语法如下

<a href="你所要跳转的地址"></a>
登录后复制

那么不知道各位有没有注意到有时候会在a标签中发现target=_blank这个属性。有些新手可能对这个属性不太清楚。那么本篇文章就给大家详细解释下html a标签target blank属性的具体使用方法及作用。

下面有一段简单的带有target blank属性的html代码示例如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>html a标签target blank属性使用示例</title>
</head>
<body>
<a href="http://www.php.cn" target="_blank">点我看看是不是跳转到指定的PHP中文网首页</a>
</body>
</html>
登录后复制

此段代码大家可以直接复制粘贴在本地测试,效果如下图:

 8ade4f13d4d2355169c69c9c3f4e9f2.png

 1830743f611dc8a14c62c3700407fd6.png

可以发现此段文字已被添加超链接,点击后成功跳转到了新的页面,而且大家可以发现他是打开了 新的窗口,点击前的页面并没有任何影响!所以target=_blank这个属性就是表示,在新的窗口打开超链接!通过这个属性我们可以更方便的查看各种跳转页面。不会因为之前页面被覆盖而烦恼。

如果我们不设置target blank属性,就会发现新链接在当前窗口打开,之前的页面就会消失。

这里我们也要特别注意:

在a标签中target blank属性必须要和herf一起才会有效!

那么以上就是本篇为大家介绍的关于HTML中target blank属性使用方法及作用的具体内容。希望对有需要的朋友有所帮助!

以上是HTML a标签中target blank属性使用方法及作用详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板