位置：首頁(yè) > 軟件操作教程 > 編程開(kāi)發(fā) > HTML > 問(wèn)題詳情

定義基準(zhǔn)地址<base> HTML

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-10

<base>元素用來(lái)為當(dāng)前頁(yè)面中的所有相對(duì)URL規(guī)定一個(gè)默認(rèn)地址或默認(rèn)目標(biāo)。通常情況下，瀏覽器會(huì)從當(dāng)前文檔的URL中提取相應(yīng)的元素來(lái)填寫(xiě)相對(duì)的URL，使用<base>可以改變這一點(diǎn)。瀏覽器將不再使用當(dāng)前文檔的URL，而使用由<base>標(biāo)記指定的基準(zhǔn)URL來(lái)解析所有的相對(duì)URL。

<base>標(biāo)記位于網(wǎng)頁(yè)的<head>部分，影響到的相對(duì)URL包括<a>、<img>、<link>和<form>標(biāo)記。

基本語(yǔ)法如下：

<head>

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

</head>

語(yǔ)法說(shuō)明如下：

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

代碼如下：

<!DOCTYPE HTML>

<html>

<head>

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

<title>基準(zhǔn)地址</title>

</head>

<body>

<p>

    <a href="society">社會(huì)新聞</a><br/>

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

    <a href="world">國(guó)際新聞</a><br/>

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

</p>

</body>

</html>

image.png

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

繼續(xù)查找其他問(wèn)題的答案？

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