定義基準地址<base> HTML
<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>
代碼分析如下:本例設(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,所以無法顯示圖像。
點擊加載更多評論>>