登录  /  注册

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

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

在制作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中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号