英文名:anchor
使用命名錨記可以在文檔中設置標記,這些標記通常放在文檔的特定主題處或頂部。然後可以創建到這些命名錨記的鏈接,這些鏈接可快速將訪問者帶到指定位置。
創建到命名錨記的鏈接的過程分為兩步。首先,創建命名錨記,然後創建到該命名錨記的鏈接。
示例代碼在HTML頁面中適當位置定義如下的錨點:
<a name=top>這裡是TOP部分</a>
<a name=content>這裡是CONTENT部分</a>
<a name=foot>這裡是FOOT部分</a>
(您可以使用id 屬性來替代name 屬性,命名錨同樣有效。[1])
對於如上錨點的訪問有兩種方法
一種是利用超鏈接標籤<a></a>製作錨點鏈接,主要用於頁面內的錨點訪問
<a href=#top>點擊我鏈接到TOP</a>
<a href=#content>點擊我鏈接到CONTENT</a>
<a href=#foot>點擊我鏈接到FOOT</a>
另一種方式是直接在頁面地址後面加錨點標記,主要用於不同頁面之間的錨點訪問
假如本頁面的地址是http://文件路徑/index.html,要訪問foot錨點只要訪問如下鏈接即可
http://文件路徑/index.html#foot
2.html 錨點到底是乾嗎的?通俗簡單地說,比如一篇很長的文章,你想按分段精確來看,那就可以用到錨點了。
代碼:
<a href=#001>跳到001</a>
...文字省略
<a name=001 id=001 ></a>
...文字省略
其實錨點只需name就可以可,加id是為了讓它兼容性更好.
href的值要跟name / id 一致,前面必須加#,以上代碼在ie6/7,ff中都可以兼容,但在ie8中就不行。
因為我們錨點的<a></a>值為空,為不影響美觀我們加個空格就行了,
如以下代碼,就可以兼容ie8
<a href=#001>跳到001</a>
...文字省略
<a name=001 id=001 > & nbsp </a>
...文字省略
另一問題,想顯示某頁面(如:123.html)的某錨點內容呢?
代碼如下
<a href=123.html#001>跳到001</a>
...文字省略
<a name=001 id=001 > & nbsp </a>
...文字省略
這是昨天在做後台時候,想實現修改定位,就把錨點標記搬了出來(平常它都被我遺忘)。
但是程序那邊說他們要取值,連接中必須要有?或&,那這樣我的錨點就不兼容了...
呵呵!以後會有解決方法的!
雖然在jsp頁面中錨點兼容有問題,但是在靜態頁面中是沒有問題的,還是值得學下的!
3.在WEB 開發中,會使用到頁面錨點。 HTML 頁面錨點用於鏈接到一個頁面的某一章節。 W3School 中說到,創建錨點使用<a> (錨)標籤和name 屬性,但這不是創建頁面錨點的唯一方法。下面簡要說一下製作HTML 頁面錨點的兩種方式。我們可以利用W3School 的在線測試工具來進行測試。打開鏈接後的測試代碼使用的是<a href=#C4″> 和<a name=C4″>,測試沒有問題。再將<h2> <a name=C4″>Chapter 4 </a> </h2>改為<h2 id=C4″>Chapter 4 </h2> 後進行測試,效果一樣。
說明,製作頁面錨點除了使用錨點標籤name 屬性之外,還可以使用id 屬性。錨點<a> 標籤中href 屬性的值為# 開頭加上目標的name 或id 的值:
複製代碼