HTML中使用base標籤設定URL訪問基準
阿新 • • 發佈:2021-02-02
技術標籤:前端----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部分了。
程式碼更加乾淨清晰。
如有問題請掃碼聯絡我