什么是錨點?錨點應該如何用?


對於網頁制作初學者來說錨點應當是個很新鮮的詞,但是在我們瀏覽網頁的時候確實經常可以見到的。現在就給大家介紹一下錨點以及如何使用錨點吧

一、錨點的用法

錨點的用法有兩種,但性質同樣,都是通過鏈接標簽<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屬性。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM