什麼是錨點？錨點應該如何用？

對於網頁製做初學者來講錨點應當是個很新鮮的詞，可是在咱們瀏覽網頁的時候確實常常能夠見到的。如今就給你們介紹一下錨點以及如何使用錨點吧

1、錨點的用法

錨點的用法有兩種，但性質一樣，都是經過連接標籤<a></a>以及其href屬性實現的：

一種是：頁內跳轉；

一種是：跳到其餘頁面的某個區域。

下面咱們看具體的操做。我作了一個示例，代碼以下：

 

1）如今咱們來看頁內跳轉的錨點用法：

我給每一個每一個div添加了ID號，而後將每一個連接標籤的href屬性分別按順序與每一個div的ID相對應。【注意：href屬性後的ID號必須有「#」，不然無效。】

在瀏覽器預覽下，點擊第四個，就跳到下面的第四個div了

2）如今咱們來看頁外跳轉的錨點用法：

加入我在一個名爲「示例」的文件夾中見了兩個HTML文檔

第一個名爲index.html

第二個名爲index2.html

裏面的代碼都同樣，跟我貼出的「錨點的用法」這一步驟中的第二個步驟所貼出的圖片同樣。

如今我把index.html當中第一個a標籤把其中的href="#1"，更改成href=「index.html/#1」並保存以後，咱們再在瀏覽器打開，這時候會發現，頁面會跳轉到index2.html中的ID=1的div所在的區域。

沒錯這就是頁外的錨點跳轉。

因此當咱們須要跳轉到其餘頁面的某個區域時，只要把href的屬性值設置「跳轉頁面的URL+所想跳轉到區域的ID（或者說錨點名稱）」便可。

 

這裏我須要說明，個人示例均使用的ID錨點，給div添加ID的時候就爲該div設置了錨點。

早前的html版本規範是支持name屬性的，即個元素添加name屬性，好比name="anchor1"，而後經過a標籤來實現錨點跳轉。這種方法我不建議使用。由於在最新版本的規範中或者說是嚴格的版本中經過name屬性來實現錨點的跳轉這種方式已經不被支持了。

因此推薦使用ID屬性。