走進HTML5入門到精通:<base>標籤

來源:互聯網
上載者:User
關鍵字 標籤 HTML5 入門到精通

<base> 標籤

定義和用法

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

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

使用 <base> 標籤可以改變這一點。 瀏覽器隨後將不再使用當前文檔的 URL,而使用指定的基本 URL 來解析所有的相對 URL。 這其中包括 <a>、<img>、<link>、<form> 標籤中的 URL。

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

實例

例子 1

假設圖像的絕對位址是:

<img src="HTTP://www.w3school.com.cn/i/pic.gif" />

現在我們在頁面中的 head 部分插入 <base> 標籤,規定頁面中所有連結的基準 url:

<head>
<base href="HTTP://www.w3school.com.cn/i/" />
</head>

在上例中的頁面上插入圖像時,我們必須規定相對的位址,瀏覽器會尋找檔所使用的完整 URL:

<img src="pic.gif" />

例子 2

規定頁面上所有連結的預設 URL 和預設目標:

<head>
<base href="HTTP://www.w3school.com.cn/css/" target="_blank" />
</head>
<body>
<a href="default.asp">W3School's CSS Tutorial</a>
</body>

親自試一試

HTML 4.01 與 HTML 5 之間的差異

None

提示和注釋

提示:請把 <base> 標籤排在 head 元素中第一個元素的位置,這樣 head 中其他元素就可以利用

<base> 元素中的資訊了。

注釋:在一個文檔中,最多能使用一個 <base> 元素。

屬性

屬性 值 描述 href URL 規定作為基準 URL 在頁面中使用的 URL。 target _blank _parent _self _top 在何處打開頁面上的連結。 該屬性會被每個連結中的 target屬性覆蓋。

標準屬性和事件

沒有。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.