<head>之--------关于<base>

最新推荐文章于 2024-06-18 14:41:41 发布

aosutai1509

最新推荐文章于 2024-06-18 14:41:41 发布

阅读量134

点赞数

文章标签：后端

原文链接：http://www.cnblogs.com/caitangbutian/p/11368914.html

版权

<base>

下午在随手记录关于 a 标签的东西，

结果发现了这么个好东西

实例　（点我，试一试）

<head>
<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" />
</head>

<body>
<img src="eg_smile.gif" />
<a href="http://www.w3school.com.cn">W3School</a>
</body>

定义和用法

<base> 标签为页面上的所有链接规定默认地址或默认目标。

通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。

使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL，而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 <a>、<img>、<link>、<form> 标签中的 URL。

用法一、

假如、

我们从后端拿到了一个图片地址，但是，该地址都没有添加开头的域名（例如域名为：http://www.w3school.com.cn/i/），

那么我们只要在网页的头部 <head> </head> 中加入

<head>
　　<base href="http://www.w3school.com.cn/i/" />
</head>

而在元素中的url只要写上文件名字就可以了。

<img src="eg_smile.gif" /><br />

在预览的时候，会访问该域名下的文件，但是不会改url的默认文本值

用法二、

让所有链接在新窗口中打开，即使链接中没有 target="_blank" 属性

在页面<head>中需要写入一个 <base>

<base target="_blank" />

可以将 "_blank" 换成别的打开方式，页面中的所有打开方式则都会统一。

万事大吉！

转载于:https://www.cnblogs.com/caitangbutian/p/11368914.html

aosutai1509

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
<head>之--------关于<base>

<base>下午在随手记录关于 a 标签的东西，结果发现了这么个好东西实例　（点我，试一试）<head><base href="http://www.w3school.com.cn/i/" /><base target="_blank" /></head><body>...
复制链接

扫一扫