html <base>标簽的作用

此标簽雖然比較簡單，但是使用的頻率相較于其他标簽要低的多，可能有些學習者不太熟悉，下面就簡單介紹一下此标簽的作用和用法，希望能夠給初學者帶來一定的幫助。

此标簽可以為目前文檔的所有連結設定基準連結，對于基準連結的了解是是關鍵點。

在網頁代碼中一般使用相對連結連擷取一個檔案，例如:

<code>&lt;</code><code>img</code> <code>src</code><code>=</code><code>"img.jpg"</code> <code>/&gt;</code>

上面代碼是一個常見用法，其實這個連結不完整，因為在實際解析的時候浏覽器會将這個路徑解析為絕對路徑，例如網站的url連結是http://www.softwhy.com，那麼浏覽器就會将相對轉換為絕對位址:

網站的網址就是基準連結，這是預設的，當然也可以人為的規定基準連結，那麼&lt;base&gt;标簽就派上用場了。

完整代碼執行個體如下:

<code>&lt;!DOCTYPE html&gt;</code>

<code>&lt;</code><code>html</code><code>&gt;</code>

<code>&lt;</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>meta</code> <code>charset</code><code>=</code><code>"utf-8"</code><code>&gt;</code>

<code>&lt;</code><code>title</code><code>&gt;螞蟻部落&lt;/</code><code>title</code><code>&gt;</code>

<code>&lt;/</code><code>head</code><code>&gt;</code>

<code>&lt;</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>body</code><code>&gt;</code>

<code>&lt;/</code><code>html</code><code>&gt;</code>

以上代碼通過&lt;base&gt;标簽将基準連結設定為網易位址，那麼這個圖檔的位址就是:

原文釋出時間為：2017-10-1

本文作者：admin

本文來自雲栖社群合作夥伴“螞蟻部落”，了解相關資訊可以關注螞蟻部落