首頁  >  文章  >  web前端  >  html base標籤怎麼用? base標籤的使用方法(附實例)

html base標籤怎麼用? base標籤的使用方法(附實例)

寻∝梦
寻∝梦原創
2018-08-27 18:44:4310970瀏覽

這篇文章主要的介紹了關於HTML base標籤的使用方法實例,其實base的用法還是挺強大的,網上都說base標籤的強大,我以前用的少,不懂這些,今天我就給大家介紹這標籤。讓你們用看看有沒有感覺很好,最後還有個關於HTML base標籤的好處。接下來讓我們一起看文章吧

這篇文章剛開始,我們介紹HTML的用法:

一、html的< ;header>標籤中使用標籤的用法:

<header>
<!-- <base> 标签为页面上的所有链接规定默认地址或默认目标。 -->
<base href = "${pageContext.request.contextPath}/" />
<base target = "_blank" />
</header>

這樣使用的好處是頁面中的所有連結如果使用了相對路徑,那麼就會以base標籤中規定的地址作為基礎位址,而不會使用目前文件的URL,例如這個:

<a href = "index.jsp" />

這裡的標籤使用的相對路徑相當於${pageContext.request.contextPath}/index.jsp;而且會以base標籤中設定的target來開啟這一連結。

要注意的是,如果要使用base標籤的href屬性,那麼這個路徑就必須以 / 結尾,否則這個路徑是無效果的。

二、在a標籤中使用base標籤的用法:

由於a標籤在一個頁面可能有多個,所以就有了多個target,為了出去冗餘。所以,用base標籤可以指定所有a以如何方式開啟跳轉連結。

html base標籤的使用方法:

在head標籤中加入

base標籤是對所有a標籤運作的,但是當base標籤和a標籤同時存在target時,就會以a標籤的target運作。

說了這麼多,看看實例:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>base-href实验1:不设置base标签</title>
</head>
<body>
<a href="#">这是一个href属性为空的链接</a>
<br>
<a href="http://www.php.cn">这是一个href属性的绝对路径,前往http://www.php.cn,PHP中文网的链接</a>
<br>
<a href="test.html">这是一个href属性设置为相对路径(test.html)的链接</a>
</body>
</html>

在瀏覽器中顯示如下:

html base標籤怎麼用? base標籤的使用方法(附實例)

HTML標記可以為你頁面上的所有相對url指定一個預設位址和預設屬性。對於目錄較淺結構較小的站,沒啥卵用,但是對於具有深度嵌套目錄的站點,標籤可能幫你在頁面集中權重,並讓url更簡短!因為,可以幫你對網站進行最佳化。

有關於html 的好處:

html base標籤怎麼用? base標籤的使用方法(附實例)

#好了,這就是關於base標籤的所有的用法了,有什麼疑問可以在下面提問。

【小編推薦】

HTML中head標籤是什麼意思?一篇文章教你正確地使用head標籤

html表格中的th表頭內容怎麼居中? th表頭標籤align屬性的具體介紹

以上是html base標籤怎麼用? base標籤的使用方法(附實例)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:html如何嵌套頁面?