通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。
使用
属性 | 值 | 描述 |
---|---|---|
target |
|
在何处打开页面中所有的链接。 |
案例:
base href=<span style="color: #800000;">"</span><span style="color: #800000;">http://www.w3school.com.cn/i/</span><span style="color: #800000;">"</span> /> base target=<span style="color: #800000;">"</span><span style="color: #800000;">_blank</span><span style="color: #800000;">"</span> /> <img src="<span" style="max-width:90%" alt="HTML <base> 标签 为页面上的所有链接规定默认地址或默认目标" >"<span style="color: #800000;">eg_smile.gif</span><span style="color: #800000;">"</span> /><br> <p>请注意,我们已经为图像规定了一个相对地址。由于我们已经在 head 部分规定了一个基准 URL,浏览器将在如下地址寻找图片:</p> <p><span style="color: #800000;">"</span><span style="color: #800000;">http://www.w3school.com.cn/i/eg_smile.gif</span><span style="color: #800000;">"</span></p> <br><br> <p><a href="<span" style="color: #800000;">"<span style="color: #800000;">http://www.w3school.com.cn</span><span style="color: #800000;">"</span>>W3School</a></p> <p>请注意,链接会在新窗口中打开,即使链接中没有 target=<span style="color: #800000;">"</span><span style="color: #800000;">_blank</span><span style="color: #800000;">"</span> 属性。这是因为 <span style="color: #0000ff;">base</span> 元素的 target 属性已经被设置为 <span style="color: #800000;">"</span><span style="color: #800000;">_blank</span><span style="color: #800000;">"</span> 了。</p>
<meta http-equiv="<span" style="color: #800000;">"<span style="color: #800000;">Content-Type</span><span style="color: #800000;">"</span> content=<span style="color: #800000;">"</span><span style="color: #800000;">text/html; charset=gb2312</span><span style="color: #800000;">"</span> /> <meta http-equiv="<span" style="color: #800000;">"<span style="color: #800000;">Content-Language</span><span style="color: #800000;">"</span> content=<span style="color: #800000;">"</span><span style="color: #800000;">zh-cn</span><span style="color: #800000;">"</span> /> base target=<span style="color: #800000;">"</span><span style="color: #800000;">_blank</span><span style="color: #800000;">"</span> /> <p> <a href="<span" style="color: #800000;">"<span style="color: #800000;">http://www.w3school.com.cn</span><span style="color: #800000;">"</span> target=<span style="color: #800000;">"</span><span style="color: #800000;">_blank</span><span style="color: #800000;">"</span>>这个连接</a> 将在新窗口中加载,因为 target 属性被设置为 <span style="color: #800000;">"</span><span style="color: #800000;">_blank</span><span style="color: #800000;">"</span><span style="color: #000000;">。 </span></p> <p> <a href="<span" style="color: #800000;">"<span style="color: #800000;">http://www.w3school.com.cn</span><span style="color: #800000;">"</span>>这个连接</a><span style="color: #000000;"> 也将在新窗口中加载,即使没有 target 属性。 </span></p>
Base 对象代表 HTML 的 base 元素。
在 HTML 文档中
属性 | 描述 |
---|---|
href | 设置或返回针对页面中所有链接的基准 URL。 |
id | 设置或返回 |
target | 设置或返回针对页面中所有链接的默认目标框架。 |