今天就跟大家聊聊有關(guān)怎么在HTML中的base標(biāo)簽寫相對(duì)路徑,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結(jié)了以下內(nèi)容,希望大家根據(jù)這篇文章可以有所收獲。
10年積累的成都網(wǎng)站建設(shè)、做網(wǎng)站經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先制作網(wǎng)站后付款的網(wǎng)站建設(shè)流程,更有臨邑免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。首先我們說HTML中的base標(biāo)簽寫相對(duì)路徑的內(nèi)容:
html中base標(biāo)簽解決相對(duì)路徑問題,
問題是門戶系統(tǒng)一直使用的是相對(duì)路徑,首頁做了rewrite,而首頁的很多鏈接(包括css、js、圖片等)都是相對(duì)路徑,問了門戶系統(tǒng)那邊的沒法解決,只能用相對(duì)路徑。
杯具來了,href="news/2014/05/25/1234.html"類似這樣的鏈接都成了http://www.111cn.net /news/2014/05/25/1234.html的全路徑,而這個(gè)路徑在nginx中是沒法識(shí)別成門戶系統(tǒng)的(nginx是通過/portal來匹配的)。
這是因?yàn)椋篐TML文檔所有鏈接中的相對(duì)路徑,瀏覽器都會(huì)提取當(dāng)前文檔的URL來填充。
突然想起了HTML的base標(biāo)簽,來看W3C的解釋:
通常情況下,瀏覽器會(huì)從當(dāng)前文檔的 URL 中提取相應(yīng)的元素來填寫相對(duì) URL 中的空白。
使用
html中base標(biāo)簽的使用實(shí)例:
W3School
問題解決了。
注:文中使用的域名是真的,但是路徑確是找不到的。
base標(biāo)簽最好不要?jiǎng)討B(tài)寫入,否則在Firefox和IE中會(huì)有一個(gè)小bug,比如對(duì)于頁面http://localhost/static/test.html:
html中base標(biāo)簽的使用實(shí)例:
base標(biāo)記是一個(gè)基鏈接標(biāo)記,是一個(gè)單標(biāo)記。用以改變文件中所有連結(jié)標(biāo)記的參數(shù)內(nèi)定值。它只能應(yīng)用于標(biāo)記
與之間。利用html中的
下面是對(duì)html中的
base 元素可規(guī)定頁面中所有鏈接的基準(zhǔn) URL
默認(rèn)情況下,頁面中的鏈接(包括樣式表、腳本和圖像的地址)都是相對(duì)于當(dāng)前
頁面的地址(即:瀏覽器地址欄里的請(qǐng)求URL)。
我們可以使用
上面說的是什么意思呢?我們來看看代碼就知道咯~~
這是JSP端的代碼 ,下面的代碼 (十分類似上面 “方法一” 中的JSP代碼)
但是這里我們并沒有采用 ${pageScope.basePath}+”相對(duì)路徑地址” 的方法,
現(xiàn)在采用了html文件中的
Login
看完上述內(nèi)容,你們對(duì)怎么在HTML中的base標(biāo)簽寫相對(duì)路徑有進(jìn)一步的了解嗎?如果還想了解更多知識(shí)或者相關(guān)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道,感謝大家的支持。