如何统一设置a标签默认超链接点击进入新窗口

最新推荐文章于 2024-06-29 14:37:38 发布

microcosmv

最新推荐文章于 2024-06-29 14:37:38 发布

阅读量5.4k

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/microcosmv/article/details/52730774

版权

html 专栏收录该内容

17 篇文章 1 订阅

订阅专栏

a标签的target属性：

语法

<a target="value">

属性值

值	描述
_blank	在新窗口中打开被链接文档。
_self	默认。在相同的框架中打开被链接文档。
_parent	在父框架集中打开被链接文档。
_top	在整个窗口中打开被链接文档。
framename	在指定的框架中打开被链接文档。

即把a标签的target属性设置为_blank即可；
例1：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <base target="_blank" />
</head>
<body>
    <a href="#" target="_blank">跳跳跳</a>
</body>
</html>

问题：

万一本页面超链接非常多呢？难道一个一个设置吗？

答案：

在head标签内添加
<base target="_blank" />即可。

例2：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
    <base target="_blank" />
</head>
<body>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
    <a href="#">跳跳跳</a>
</body>
</html>