html中錨標(biāo)記用法實(shí)例分享

字號(hào):


    錨標(biāo)記的作用就是鏈接到同一文檔中的特定位置叫做錨鏈接,一般這篇文檔內(nèi)容比較豐富才用錨標(biāo)記
    錨標(biāo)記用法:
    鏈接到同一文檔中的特定位置叫做錨鏈接。
    錨的使用方法是選擇一個(gè)目標(biāo)定位點(diǎn),用來創(chuàng)建一個(gè)定位標(biāo)記,用<a>標(biāo)記的name屬性的值來確定
    定位標(biāo)記名稱。格式為:
    <a name="定位標(biāo)記名">
    屬性 name 用于創(chuàng)建一個(gè)命名的錨。當(dāng)使用一個(gè)命名的錨,我們可以創(chuàng)建一個(gè)直接跳轉(zhuǎn)到頁面的指
    定部分的鏈接,而不需要讓讀者通過滾動(dòng)條拖動(dòng)來找他/她需要的部分。
    下面是創(chuàng)建一個(gè)命名錨的語法:
    <a name="label">Text to be displayed</a>
    屬性 name 用于創(chuàng)建一個(gè)命名的錨。錨的名稱可以使用你喜歡的文本來命名。
    下面一行定義了一個(gè)命名的錨:
    <a name="tips">Useful Tips Section</a>
    然后在網(wǎng)頁的任何地方建立對(duì)這個(gè)目標(biāo)標(biāo)記的鏈接,在標(biāo)題上建立的鏈接地址名字要和定位標(biāo)記名相同,前面還要加上"#"號(hào)。格式為:
    <a href="#定位標(biāo)記名">
    一個(gè)命名錨在顯示時(shí)與普通鏈接沒什么特別不同之處。
    為了直接鏈接到“要點(diǎn)”部分,一般需要在所請(qǐng)求的 URL 末尾加上符號(hào) # 以及錨名稱,象這樣:
    <a href="Jump'>http://www.w3schools.com/html_links.asp#tips">Jump to the Useful Tips Section</a>
    到文件 "html_links.asp" 內(nèi)部(一個(gè)頁面內(nèi)部)的可用錨鏈接的語法如下:
    <a href="#tips">Jump to the Useful Tips Section</a>
    看文字說明太累:這里腳本之家歌大家一個(gè)簡單的例子:
    <a href="#tag" >從這里</a>
    <div></div><a name="tag">跳到這里</a>
    提示:您可以先修改部分代碼再運(yùn)行