1. 程式人生 > 其它 >HTML中使用base標籤設定URL訪問基準

HTML中使用base標籤設定URL訪問基準

技術標籤:前端----HTML&CSShtmlbase作用

1. 背景

一般我寫網頁是不使用base標籤的,但是經常會在看別人的網頁時使用base標籤,對其含義也一直不甚清楚。

其實base標籤還是很常見的,如果使用得當也能讓我們的HTML程式碼更加清晰規範。

2. base標籤的作用

base標籤用於設定當前HTML頁面的訪問基準,也就是說使用了base標籤後,其他標籤的URL在解析時會加上base標籤設定的基準。

3. 示例

有兩個網頁處於同一資料夾下,分別為main.html和test.html。main.html程式碼如下:

<html>
  <
head
>
<title>base tag demo</title> </head> <body> <a href="test.html">正常訪問</a> </body> </html>

此時點選連結,就會跳到test.html頁,非常好理解。

當將程式碼修改如下:

<html>
  <head>
    <title>base tag demo</title>
    <base href="
http://www.baidu.com/"
/>
</head> <body> <a href="test.html">基於基準訪問</a> </body> </html>

此時點選連結,則會跳轉到http://www.baidu.com/test.html,也就是說a指向的URL在解析是會加上base標籤設定的基準URL。

4. 意義

base標籤的意義比較好理解,如果網頁中有很多個URL,其基準URL都是一樣的,那不如直接設定一個base標籤,這樣多個URL都可以省略基準URL部分了。

程式碼更加乾淨清晰。


如有問題請掃碼聯絡我
在這裡插入圖片描述