明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺！

html base標簽如何用？base標簽的使用方法（附案例）

發(fā)表時間：2023-09-03 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]本篇文章主要的介紹了關(guān)于HTML base標簽的使用方法實例，其實base的用法還是挺強大的，網(wǎng)上都說base標簽的強大，我以前用的少，不懂這些，今天我就給大家介紹這標簽。讓你們用著看看有沒有感覺很好，最后還有個關(guān)于HTML base標簽的好處。接下來讓我們一起看文章吧本篇文章剛開始，我們介紹HT...
本篇文章主要的介紹了關(guān)于HTML base標簽的使用方法實例，其實base的用法還是挺強大的，網(wǎng)上都說base標簽的強大，我以前用的少，不懂這些，今天我就給大家介紹這標簽。讓你們用著看看有沒有感覺很好，最后還有個關(guān)于HTML base標簽的好處。接下來讓我們一起看文章吧

本篇文章剛開始，我們介紹HTML的用法：

一、在html的<header>標簽中使用<base>標簽的用法：

<header>
<!-- <base> 標簽為頁面上的所有鏈接規(guī)定默認地址或默認目標。 -->
<base href = "${pageContext.request.contextPath}/" />
<base target = "_blank" />
</header>

這樣使用的好處是頁面中的所有鏈接如果使用了相對路徑，那么就會以base標簽中規(guī)定的地址作為基礎(chǔ)地址，而不會使用當(dāng)前文檔的URL，比如這個：

<a href = "index.jsp" />

這里的<a>標簽使用的相對路徑相當(dāng)于${pageContext.request.contextPath}/index.jsp;而且會以base標簽中設(shè)定的target來打開這一條鏈接。

需要注意的是，如果要使用base標簽的href屬性，那么這個路徑必須以 / 結(jié)尾，否則這個路徑是無效果的。

二、在a標簽中使用base標簽的用法：

由于a標簽在一個頁面可能有多個，所以就有了多個target，為了出去冗余。所以，用base標簽可以指定所有a以如何方式打開跳轉(zhuǎn)鏈接。

html base標簽的使用方法：

在head標簽中添加<base target="">。

base標簽是對所有a標簽起作用的，但是當(dāng)base標簽和a標簽同時存在target時，會以a標簽的target起作用。

說了這么多，看看實例：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>base-href實驗1：不設(shè)置base標簽</title>
</head>
<body>
<a href="#">這是一個href屬性為空的鏈接</a>
<br>
<a href="http://www.php.cn">這是一個href屬性的絕對路徑，前往http://www.php.cn，PHP中文網(wǎng)的鏈接</a>
<br>
<a href="test.html">這是一個href屬性設(shè)置為相對路徑（test.html）的鏈接</a>
</body>
</html>

在瀏覽器中顯示如下：

tuyi.png

HTML標記<base>可以為你頁面上的所有相對url指定一個默認地址和默認屬性。對于目錄較淺結(jié)構(gòu)較小的站，<base>沒啥卵用，但是對于具有深度嵌套目錄的站點，<base>標簽可能幫你在頁面集中權(quán)重，并讓url更簡短！因為，<base>可以幫你對站點進行優(yōu)化。

有關(guān)于html <base>的好處：

tuer.png

好了，這就是關(guān)于base標簽的所有的用法了，有什么疑問可以在下面提問。

【小編推薦】

HTML中head標簽是什么意思？一篇文章教你正確地使用head標簽

html表格中的th表頭內(nèi)容怎么居中？th表頭標簽align屬性的具體介紹

以上就是html base標簽怎么用？base標簽的使用方法（附實例）的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護的網(wǎng)站。