對於網頁制作初學者來說錨點應當是個很新鮮的詞,但是在我們瀏覽網頁的時候確實經常可以見到的。現在就給大家介紹一下錨點以及如何使用錨點吧
一、錨點的用法
錨點的用法有兩種,但性質同樣,都是通過鏈接標簽<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屬性。
