位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

定義基準地址<base> HTML

提問人:劉團圓發(fā)布時間:2020-11-10

<base>元素用來為當前頁面中的所有相對URL規(guī)定一個默認地址或默認目標。通常情況下,瀏覽器會從當前文檔的URL中提取相應的元素來填寫相對的URL,使用<base>可以改變這一點。瀏覽器將不再使用當前文檔的URL,而使用由<base>標記指定的基準URL來解析所有的相對URL。

<base>標記位于網(wǎng)頁的<head>部分,影響到的相對URL包括<a>、<img>、<link>和<form>標記。

基本語法如下:

<head>

    <base href="url"target="值"/>

</head>

語法說明如下:

href屬性設(shè)置基準地址,target屬性設(shè)置目標窗口打開方式。<base>元素必須位于網(wǎng)頁頭部。在同一文檔中,最多只能使用一個<base>元素。

代碼如下:

<!DOCTYPE HTML>

<html>

<head>

<base href="http://news.sina.com.cn"target="_self"/>

<title>基準地址</title>

</head>

<body>

<p>

    <a href="society">社會新聞</a><br/>

    <a href="china">國內(nèi)新聞</a><br/>

    <a href="world">國際新聞</a><br/>

    <img src="images/vr.jpg"/>

</p>

</body>

</html>

image.png

代碼分析如下:本例設(shè)置基準地址為新浪新聞首頁http://news.sina.com.cn,并添加三個超鏈接“社會新聞”“國內(nèi)新聞”和“國際新聞”。當單擊超鏈接“社會新聞”時,從瀏覽器解析出來的目標URL為http://news.sina.con.cn/society,它就是在相對路徑(society)前加上基準URL(http://news.sina.com.cn)。同樣“國內(nèi)新聞”超鏈接的目標URL被瀏覽器解析為http://news.sina.com.cn/china,“國際新聞”對應的實際超鏈接地址為http://news.sina.com.cn/world。不過需要注意的是,如前文所述,<base>標記也會影響到<img>元素,所以在例5-10中<img src="images/vr.jpg"/>并不能解析到images文件夾中的vr.jpg,所以無法顯示圖像。

繼續(xù)查找其他問題的答案?

相關(guān)視頻回答
回復(0)
返回頂部