HTML中<a>标签和target=“_blank“属性的使用方法及作用(清晰易懂,带例子)
·
<a>标签
我们知道,<a>标签是用来定义超链接的。在设计HTML页面过程中,如果我们想要实现点击某个文本或元素等之后可以打开另一个页面,这里就需要用到a herf标签属性,herf后面就是你指定跳转到的某个链接地址。
具体语法如下:
<a href="这里放想要跳转的地址链接" target="_blank">点我点我</a>
target="_blank"的使用方法及作用
不过有的时候,我们会在<a>标签中发现target="_blank"这个属性。
那么接下来我们就来详细解释下HTML下 <a>标签target=“_blank"属性的具体使用方法及作用吧!
我们有这样一段带有target=”_blank"属性的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>我的心声</title>
</head>
<body>
<a href="http://www.baidu.com" target="_blank">点我点我</a>
</body>
</html>
我们运行一下看看效果。
可以发现此段文字已被添加超链接。
点击点我点我,可以看到跳转到了另一个页面
所以target=“_blank"这个属性就是表示,在新的窗口打开超链接
我们就不用担心以前旧的页面被覆盖了。
如果我们不设置target=”_blank"属性,就会发现,点击链接,进入新的页面,但之前的页面就会消失。😭
注意🚩:在<a>标签中target="_blank"属性必须要和herf一起才会有效噢!
以上就是HTML的基础总结,
后续前端相关的内容还在持续更新
欢迎指教指点。
我的主页还有其他文章,欢迎和我一起学习。
点赞👍+关注我
让我们一起学习一起成长!
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)