<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" 换成别的打开方式,页面中的所有打开方式则都会统一。
万事大吉!