html中錨標記用法實例分享

字號:


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