HTML中使用base标簽設定URL通路基準

2021-11-16 23:50:00

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>

</head>

<body>

<a href="test.html">基于基準通路</a>

</body>

</html>

此時點選連結，則會跳轉到

，也就是說a指向的URL在解析是會加上base标簽設定的基準URL。

4. 意義

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

代碼更加幹淨清晰。

繼續閱讀