欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > html5案例分享 >

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

发布时间:2019-05-28  编辑:杨雨个人博客网站   点击:   

在制作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.itbyc.com" target="_blank">点我看看是不是跳转到指定的PHP中文网首页</a>
</body>
</Html>

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

8ade4f13d4d2355169c69c9c3f4e9f2.png

1830743f611dc8a14c62c3700407fd6.png

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

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

这里我们也要特别注意:

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

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

本文地址:http://itbyc.com/web/html5/20779.html
转载请注明出处。
分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1