html中如何使用base標簽

發(fā)布時間：2020-09-26 15:25:11 來源：億速云閱讀：199 作者：小新欄目：web開發(fā)

小編給大家分享一下html中如何使用base標簽，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

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

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

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

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

注釋：<base>標簽必須位于head元素內(nèi)部。

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

html中如何使用base標簽

我們現(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">億速云</a>
</body>

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

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

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

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

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

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

這是JSP端的代碼

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

代碼如下:

<%
String path = request.getContextPath();
// 獲得項目完全路徑（假設(shè)你的項目叫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>

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

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

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

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

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

以上是html中如何使用base標簽的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細節(jié)

html中如何使用base標簽

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽