1. 程式人生 > >html中a標籤錨點定位雙擊跳轉路徑的問題

html中a標籤錨點定位雙擊跳轉路徑的問題

###錨點

在製作網頁時,我們常常遇到需要新增側邊導航,通過點選導航讓頁面自動滾動到指定位置,如:電商網站的樓層。這就涉及到<a>標籤的錨點應用,把它稱為“錨點標籤”。

通俗的講,我們想要讓頁面跳轉到的位置,就是錨點。錨點是一種超連結,只不過它是頁面內部的超連結,它指向頁面特定的部分。

###問題
但是如果加上base標籤錨點定位就會跳轉路徑

<base href="/jmkqWx/" target="_self">

###base標籤的作用是什麼

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

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

  • base href

比如由base制定了一個URL地址,接下來你所要呼叫的檔案或圖片等就無須再填寫完整的地址,只需寫上該檔名或圖片名即可。通過下方一張圖片來簡單的認識一下base標籤的用法,連結到HTML標籤的部落格,完整地址為:http://blog.sina.com.cn/htmlcss3

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

  • base target

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

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

2、 _parent:在上一級視窗中開啟連結。

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

4、 _top: 在瀏覽器的整個視窗開啟連結,忽略任何框架。