首頁  >  文章  >  web前端  >  html base標籤有什麼作用?base標籤的作用分析(附實例)

html base標籤有什麼作用?base標籤的作用分析(附實例)

寻∝梦
寻∝梦原創
2018-09-05 13:59:126858瀏覽

這篇文章主要的介紹了關於HTML base標籤的用法介紹,還有關於HTML base標籤的作用的分析,接下來就讓我們一起來看這篇文章吧

首先我們先分析html base標籤的作用:

base標籤是HTML語言中的基準網址標記,它是一個單標籤,位於網頁頭部檔案的head標籤內,一個頁面最多只能使用一個base元素,用來提供一個指定的預設目標,也算是一種表達路徑和連接網址的標記。

常見的url路徑形式分別有相對路徑與絕對路徑,如果base標籤指定了目標,瀏覽器將透過這個目標來解析目前文件中的所有相對路徑,包含的標籤有(a、img 、link、form),也就是說,瀏覽器解析時會在路徑前加上base給的目標,而頁面中的相對路徑也都轉換成了絕對路徑。使用了base標籤就該帶href屬性和target屬性。

說說base href屬性:

例如由base制定了一個URL位址,接下來你要呼叫的檔案或圖片等就無須再填入完整的位址,只需寫上該檔案名稱或圖片名稱即可。透過下方一張圖片來簡單的認識base標籤的用法,連結到PHP中文網的HTML影片教學,完整網址http://www.php.cn/course/list/11.html

<head>
<base href="http://www.php.cn/course/list/11.html/ target="_blank" />
</head>
<body>
<a href="html视频教程">PHP中文网</a>
</body>

base標籤指定了PHP中文網html影片教學做為基準url,那麼目前文件內的所有超連結將遵循這個規則,我們在連結中設定相對的存取目標,瀏覽器就會自動解析出一個完整的連結地址進行訪問,倘若a連結的目標為空,瀏覽器也會根據base所給的url進行訪問。值得注意的是,base標籤需放在包含url位址的語句前面。

再來說說base target屬性:

target屬性是網頁視窗的開啟方式,在base標籤中設定該屬性,那麼頁面中所有的連結都會遵循這個方式來開啟網頁,分別有以下幾種選擇:

  • _blank:在新視窗開啟連結頁面。

  • _parent:在上一層視窗中開啟連結。

  • _self: 在目前視窗開啟連結,此為預設值,可以省略。

  • _top: 在瀏覽器的整個視窗中開啟鏈接,忽略任何框架。

html base標籤的作用分析:

#這是基本的HTML語言。用0f84fb2d9fdff4eb1678134d8196957d來設定這個網頁所有連結的目標視窗。也就是說,網頁中只要加入0f84fb2d9fdff4eb1678134d8196957d這句,那麼所有的超連結就無須單獨設定。最好將這句話寫在93f0f5c25f18dab9d176bd4f6de5d30e和9c3bca370b5104690d9ef395f2c5f8d1之間。例如fcd54ff396408747cc063f946072cf72表示網頁中所有的超連結的目標位址都在新視窗中開啟

HTML base標籤在JSP中的意義:

#base標記是一個基底連結標記,是一個單標記。用以改變文件中所有連結標記的參數內定值。它只能應用於標記93f0f5c25f18dab9d176bd4f6de5d30e與9c3bca370b5104690d9ef395f2c5f8d1之間。 

你網頁上的所有相對路徑在連結時都會在前面加上基底連結指向的位址。

jsp頁面可以定義:19ca1cd62c1c4c4a6375594882b07ea5

在head標籤後加上ffc28ac0de32d0d9b350ce62c6f18458" >即可。

以上就是關於HTML base標籤的作用的介紹了(想學更多HTML知識,就來PHP中文網HTML視頻教程),有問題的可以在下方進行留言提問。這裡還有關於html base標籤的使用介紹:html base標籤怎麼用? html base標籤的用法總結

【小編推薦】

html搜尋框怎麼設定? html搜尋框input標籤的使用方法實例

html input標籤的屬性有哪些? input標籤的用法摘要(附實例)

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

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