HTML錨點(diǎn)可以用來鏈接到同一頁面內(nèi)的不同位置。
如果您希望創(chuàng)建一個(gè)錨點(diǎn),可以使用HTML的標(biāo)簽,并為它設(shè)置一個(gè)"href"屬性值,該值以"#"開頭,后面緊跟著錨點(diǎn)名稱。
<a href="#anchor"><img src="img.jpg" alt="圖片"></a> <h2 id="anchor">這是一個(gè)標(biāo)題</h2>
上面的代碼是一個(gè)簡(jiǎn)單的例子,其中的"href"屬性引用了一個(gè)叫做"anchor"的錨點(diǎn),該錨點(diǎn)被嵌套在一個(gè)
標(biāo)簽內(nèi)。
如果您希望將用戶帶回頁面底部,可以使用以下代碼:
<a href="#bottom">返回底部</a> <a name="bottom"></a>
此代碼將創(chuàng)建一個(gè)名為"bottom"的錨點(diǎn),并將其放置在文檔的底部。然后,在頁面的任何位置中,使用第一個(gè)代碼片段即可創(chuàng)建一個(gè)指向錨點(diǎn)的鏈接。
但是,請(qǐng)注意,在HTML5中,我們使用哪種標(biāo)記不再是一個(gè)問題。您可以用id或者name屬性來定義一個(gè)錨點(diǎn),并用任何標(biāo)記或者JavaScript等方式跳轉(zhuǎn)到錨點(diǎn)處。