閱讀(60.8k) 書簽贊(10) 我要糾錯(cuò)

HTML <base> 標(biāo)簽

2022-06-01 15:16 更新

<base> 標(biāo)簽是 HTML 語(yǔ)言中的基準(zhǔn)網(wǎng)址標(biāo)記，是一個(gè)單標(biāo)簽。

<base> 標(biāo)簽位于網(wǎng)頁(yè)頭部文件的 <head> 標(biāo)簽內(nèi)，一個(gè)頁(yè)面最多只能使用一個(gè) base 元素，用來(lái)提供一個(gè)指定的默認(rèn)目標(biāo)。

實(shí)例

規(guī)定頁(yè)面上所有鏈接的默認(rèn) URL 和默認(rèn)目標(biāo)：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>W3Cschool(w3cschool.cn)</title>
<base href="http://hgci.cn/statics/images/"; target="_blank">
</head>
<body>
<p><img src="logo.png" > - 注意這里我們?cè)O(shè)置了圖片的相對(duì)地址。能正常顯示是因?yàn)槲覀冊(cè)?head 部分設(shè)置了 base 標(biāo)簽，該標(biāo)簽指定了頁(yè)面上所有鏈接的默認(rèn) URL，所以該圖片的訪問(wèn)地址為 "http://hgci.cn/statics/images/logo.png";

<p><a href="http://hgci.cn/">w3cschool.cn</a>- 注意這個(gè)鏈接會(huì)在新窗口打開(kāi)，即便它沒(méi)有 target="_blank" 屬性。因?yàn)樵?base 標(biāo)簽里我們已經(jīng)設(shè)置了 target 屬性的值為 "_blank"。</p>

</body>
</html>

嘗試一下 ?

瀏覽器支持

所有主流瀏覽器都支持 <base> 標(biāo)簽。

標(biāo)簽定義及使用說(shuō)明

<base> 標(biāo)簽為頁(yè)面上的所有的相對(duì)鏈接規(guī)定默認(rèn) URL 或默認(rèn)目標(biāo)。

在一個(gè)文檔中，最多能使用一個(gè) <base> 元素。 <base> 標(biāo)簽必須位于 <head> 元素內(nèi)部。

提示和注釋

提示：請(qǐng)把 <base> 標(biāo)簽排在 <head> 元素中第一個(gè)元素的位置，這樣 head 區(qū)域中其他元素就可以使用 <base> 元素中的信息了。

注釋：如果使用了 <base> 標(biāo)簽，則必須具備 href 屬性或者 target 屬性或者兩個(gè)屬性都具備。

HTML 4.01 與 HTML5之間的差異

無(wú)。

HTML 與 XHTML 之間的差異

在 HTML 中，<base> 標(biāo)簽沒(méi)有結(jié)束標(biāo)簽。

在 XHTML 中，<base> 標(biāo)簽必須被正確地關(guān)閉。

屬性

屬性	值	描述
href	URL	規(guī)定頁(yè)面中所有相對(duì)鏈接的基準(zhǔn) URL。
target	_blank _parent _self _top framename	規(guī)定頁(yè)面中所有的超鏈接和表單在何處打開(kāi)。該屬性會(huì)被每個(gè)鏈接中的 target 屬性覆蓋。

全局屬性

<base> 標(biāo)簽支持 HTML 的全局屬性。

事件屬性

<base> 標(biāo)簽不支持任何的事件屬性。