a標簽中的錨點使用方法


今天要和大家分享的是a標簽中的錨點的使用方法

在html5中,<a>標簽有一種用途,是能夠在當前文檔中用來作為一個標記,提供一個可以直接銜接的標簽。

例如,一個大的文檔可能有好幾個部分,我們可以在文檔的頂部放置到每個部分的銜接,以允許用戶很容易的訪問每個部分。

為了文檔中創建一個錨點,我們使用<a>標簽的name屬性。

例如,下面代碼在“第一章”的頭部創建了一個“chapter1”錨點:

<h1><a name ="chapter1"> 第一章 </a></h1>

為了銜接到錨點,我們可以使用標准銜接,並在銜接的URL尾部加上錨點名。為標識錨點名,

我們用一個井號(#)將其與URL的其余部分分隔開。例如,加入 chapter1 錨點出現在文檔

book.html中,為了銜接到chapter1錨點,我們可以使用如下代碼:

<a href = "http://www.當前網址#chapter1">轉到第一章</a>

這樣便可以實現在文檔中直接銜接重要目標。

<a>標記中還有三個比較有用的屬性:title屬性、accesskey屬性、tabindex屬性。title屬性將導致鼠標放在超銜接上面時,在當前

瀏覽器中顯示title所設置的文本為工具提示。accesskey屬性可以給超銜接設置一個快捷鍵。tabindex屬性可以設置頁面上超銜接的tab次序。


免責聲明!

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



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