Heim  >  Artikel  >  Web-Frontend  >  HTML <base> 标签 为页面上的所有链接规定默认地址或默认目标

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

WBOY
WBOYOriginal
2016-09-14 09:24:021813Durchsuche

定义和用法

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

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

使用 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对 URL。这其中包括 HTML <base> 标签 为页面上的所有链接规定默认地址或默认目标

标签中的 URL。

标签必须位于 head 元素内部。

可选的属性

属性 描述
target
  • _blank
  • _parent
  • _self
  • _top
  • framename
在何处打开页面中所有的链接。

案例:


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 对象

Base 对象代表 HTML 的 base 元素。

在 HTML 文档中 每出现一次,Base 对象就会被创建。

Base 对象属性

属性 描述
href 设置或返回针对页面中所有链接的基准 URL。
id 设置或返回 元素的 id。
target 设置或返回针对页面中所有链接的默认目标框架。

 

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn