DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> html中錨標記用法實例分享
html中錨標記用法實例分享
編輯:HTML和Xhtml     
錨標記用法:
鏈接到同一文檔中的特定位置叫做錨鏈接。
錨的使用方法是選擇一個目標定位點,用來創建一個定位標記,用<a>標記的name屬性的值來確定

定位標記名稱。格式為:
<a name="定位標記名">
屬性 name 用於創建一個命名的錨。當使用一個命名的錨,我們可以創建一個直接跳轉到頁面的指

定部分的鏈接,而不需要讓讀者通過滾動條拖動來找他/她需要的部分。
下面是創建一個命名錨的語法:
<a name="label">Text to be displayed</a>
屬性 name 用於創建一個命名的錨。錨的名稱可以使用你喜歡的文本來命名。
下面一行定義了一個命名的錨:
<a name="tips">Useful Tips Section</a>

然後在網頁的任何地方建立對這個目標標記的鏈接,在標題上建立的鏈接地址名字要和定位標記名相同,前面還要加上"#"號。格式為:
<a href="#定位標記名">
一個命名錨在顯示時與普通鏈接沒什麼特別不同之處。
為了直接鏈接到“要點”部分,一般需要在所請求的 URL 末尾加上符號 # 以及錨名稱,象這樣:
<a href="Jump'>http://www.w3schools.com/html_links.asp#tips">Jump to the Useful Tips Section</a>

到文件 "html_links.asp" 內部(一個頁面內部)的可用錨鏈接的語法如下:
<a href="#tips">Jump to the Useful Tips Section</a>

看文字說明太累:這裡腳本之家歌大家一個簡單的例子:




提示:您可以先修改部分代碼再運行
拷貝到你得頁面中試下是不是很好用呢!
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved