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

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

WBOY
WBOYoriginal
2016-09-14 09:24:021855parcourir

定义和用法

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

通常情况下,浏览器会从当前文档的 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 设置或返回针对页面中所有链接的默认目标框架。

 

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn