搜尋

首頁  >  文章  >  web前端  >  HTML 標籤 為頁面上的所有連結規定預設位址或預設目標

HTML 標籤 為頁面上的所有連結規定預設位址或預設目標

WBOY
WBOY原創
2016-09-14 09:24:021855瀏覽

定義和用法

標籤為頁面上的所有連結規定預設位址或預設目標。

通常情況下，瀏覽器會從目前文件的 URL 中提取相應的元素來填寫相對 URL 中的空白。

使用 標籤可以改變這一點。瀏覽器隨後將不再使用目前文件的 URL，而使用指定的基本 URL 來解析所有的相對 URL。這其中包括 、HTML <base> 標籤 為頁面上的所有連結規定預設位址或預設目標、、

標籤中的 URL。

標籤必須位於 head 元素內部。

可選的屬性

屬性 值 描述
target
  • _blank
  • _parent
  • _self
  • _top
  • framename
 在何處打開頁面中所有的連結。

案例：

<html>
<head>
<<span style="color: #0000ff;">base</span> href=<span style="color: #800000;">"</span><span style="color: #800000;">http://www.w3school.com.cn/i/</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> />
</head>

<body>
<img src=<span style="color: #800000;">"</span><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><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>

</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=<span style="color: #800000;">"</span><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><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> />

<<span style="color: #0000ff;">base</span> target=<span style="color: #800000;">"</span><span style="color: #800000;">_blank</span><span style="color: #800000;">"</span> />
</head>

<body>

<p>
<a href=<span style="color: #800000;">"</span><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><span style="color: #800000;">http://www.w3school.com.cn</span><span style="color: #800000;">"</span>>这个连接</a><span style="color: #000000;"> 也将在新窗口中加载，即使没有 target 属性。
</span></p>

</body>
</html>

Base 物件

Base 物件代表 HTML 的 base 元素。

在 HTML 文件中 每出現一次，Base 物件就會被建立。

Base 物件屬性

屬性 描述
href 設定或傳回針對頁面中所有連結的基準 URL。
id 設定或傳回 元素的 id。
target 設定或傳回針對頁面中所有連結的預設目標框架。

 

陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：CSS、j's單行、多行文字溢位顯示省略號下一篇：CSS、j's單行、多行文字溢位顯示省略號

相關文章

看更多