1.4.17 base标签

如果我们定义的超链接在另一个窗口打开,代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <a href="http://www.baidu.com" target="_bank">跳转到百度</a>
    <a href="http://www.taobao.com" target="_bank">跳转到淘宝</a>
    
</body>
</html>

在浏览器打开如下:

然后点击任意一个链接就会在跳转到新的一个页面,比如我们点击第一个百度。

就会在新窗口打开,但是假如我们有一百个超链接,每个超链接都填都加上target=“_blank”,是不是太麻烦了,这个时候有了一个base标签,可以帮我们解决这个麻烦。

base标签

base可以设置整体链接的打开状态,代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <base target="_bank">
</head>
<body>
    <a href="http://www.baidu.com" >跳转到百度</a>
    <a href="http://www.taobao.com" >跳转到淘宝</a>
    
</body>
</html>

我们在请求头里面加上了<base target="_bank">,就可以在新窗口跳转页面中的所有连接了。还有一种情况有的谅解我就想在本页面打开,不想跳转,我们可以这样写代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <base target="_bank">
</head>
<body>
    <a href="http://www.baidu.com" target="_self" >跳转到百度</a>
    <a href="http://www.taobao.com" >跳转到淘宝</a>
    
</body>
</html>

只需要把想在本页面打开的超链接属性里面加上 target="_self" 就可以,这个超链接可以在当前自己的窗口打开。

原文地址:https://www.cnblogs.com/Chamberlain/p/11111521.html