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

html base標簽如何用？html base標簽的用法總結

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

[摘要]本篇文章主要的講述了關于html base標簽的用法介紹，還有關于html base標簽的具體用法實例解析，接下來就讓我們一起來看這篇文章吧首先我們先認識下html base標簽：<base>標簽為頁面上的所有鏈接規(guī)定默認地址或默認目標。通常情況下，瀏覽器會從當前文檔的URL中提取相應...
本篇文章主要的講述了關于html base標簽的用法介紹，還有關于html base標簽的具體用法實例解析，接下來就讓我們一起來看這篇文章吧

首先我們先認識下html base標簽：

<base>標簽為頁面上的所有鏈接規(guī)定默認地址或默認目標。

通常情況下，瀏覽器會從當前文檔的URL中提取相應的元素來填寫相對URL中的空白。

使用<base>標簽可以改變這一點。瀏覽器隨后將不再使用當前文檔的URL，而使用指定的基本URL來解析所有的相對URL。這其中包括<a>、<img>、<link>、<form>標簽中的URL。

注釋：<base>標簽必須位于head元素內部。

還有html base標簽屬性的介紹：

tuyi.png

我們現(xiàn)在來看看實例：

<head>
<base href="http://www.php.cn/" />
<base target="_blank" />
</head>
<body>
<img src="eg_smile.gif" />
<a href="http://www.php.cn">PHP中文網(wǎng)</a>
</body>

知道這些代碼的效果嗎？現(xiàn)在就一起來看看在瀏覽器中現(xiàn)實的效果吧：

tuer.png

由于我沒輸入正確的圖片路徑，所以顯示出來的就是這個效果，大家可以輸入正確的路徑看看。

現(xiàn)在來看看HTML base標簽的用法：

base標記是一個基鏈接標記，是一個單標記。用以改變文件中所有連結標記的參數(shù)內定值。它只能應用于標記<head>與</head>之間。

你網(wǎng)頁上的所有相對路徑在鏈接時都將在前面加上基鏈接指向的地址。

base 元素可規(guī)定頁面中所有鏈接的基準 URL

我們可以使用 <base>標簽中的href屬性來設置，所有的“相對基準 URL”。

這是JSP端的代碼

采用了html文件中的 <base>標簽：

代碼如下:

<%
String path = request.getContextPath();
// 獲得項目完全路徑（假設你的項目叫myWork，那么獲得到的地址就是 http://localhost:12138/myhtml/）:
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
// 將 "項目路徑basePath" 放入pageContext中
%>
<html>
<head>
<base href=" <%=basePath%>">
//base只能應用于標記<head>與</head>之間
</head>
// 這里我們就可以直接使用相對路徑(即: 相對于base標簽)
<a href="jsp/login.jsp">Login </a>
</html>

當我們去執(zhí)行上面的那段JSP代碼后，我們可以在瀏覽器中可以查看，他所返回給客戶端的html代碼:

執(zhí)行完上述JSP后，所返回的html代碼如下:

<html>
<head>
<base href="http://localhost:12138/myhtml/">
</head>
//設置了<base>后，相對路徑，相對于的就是base中的路徑，而不再是瀏覽器地址的請求路徑啦~~~
<a href="jsp/login.jsp">Login </a>
</html>

我們可以看到JSP返回的html代碼中，包含了<base href="http://localhost:12138/myhtml/">內容。

也就是說，在本html文件中，遇到的所有 “相對鏈接(例如:<a href="jsp/login.jsp">)”，都是相對于base的路徑(即:http://localhost:12138/myhtml/)

好了，以上就是本篇關于html base 標簽的用法介紹了（想看更多HTML知識，歡迎來到PHP中文網(wǎng)html視頻教程），有問題的可以在下方提問。

【小編推薦】

html input標簽的屬性有哪些？input標簽的用法總結（附實例）

html中的label標簽怎么設置高度？label標簽的使用方法介紹

以上就是html base標簽怎么用？html base標簽的用法總結的詳細內容，更多請關注php中文網(wǎng)其它相關文章！


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