html 網頁中的錨點(命名錨記)的使用介紹_HTML/Xhtml_網頁製作

以下資料整理自網路

1.錨點是網頁製作中超級連結的一種，又叫命名錨記。命名錨記像一個迅速定位器一樣是一種頁面內的超級鏈接，運用相當普遍。
英文名稱：anchor
使用命名錨記可以在文件中設定標記，這些標記通常放在文件的特定主題處或頂部。然後可以建立到這些命名錨記的鏈接，這些連結可快速將訪客帶到指定位置。
建立到命名錨記的連結的過程分為兩步驟。首先，建立命名錨記，然後建立到該命名錨記的連結。

範例程式碼

在HTML頁中適當位置定義如下的錨點：
這裡是TOP部分
這裡是CONTENT部分
這裡是FOOT部分
（您可以使用id 屬性來替代name 屬性，命名錨同樣有效。頁面內的錨點訪問
點擊我連結到TOP
點擊我連結到CONTENT
點擊我連結到FOOT
另一種方式是直接在頁面地址後面加錨點標記，主要用於不同頁面之間的錨點訪問
假如本頁面的位址是http://檔案路徑/index.html，要存取foot錨點只要造訪以下連結即可
http://檔案路徑/index.html#foot


2.html 錨點到底是乾嗎的？
通俗簡單地說，比如一篇很長的文章，你想按分段精確來看，那就可以用到錨點了。
代碼：
跳到001
...文字省略

...文字省略

其實錨點只需name就可以可，加id是為了讓它相容性更好.
href的值要跟name i d一致，前面必須加"#"，以上程式碼在ie6/7,ff中都可以相容，但在ie8中就不行。
因為我們錨點的值為空，為不影響美觀我們加個空格就行了,

如以下程式碼，就可以相容ie8
跳到001
...文字省略
& n b s p
...文字省略

另一問題，想顯示某頁(如：123.html)的某錨點內容呢？

程式碼如下
跳到001
...文字省略
& n b s p
...文字省略

這是昨天在做後台時候，想實現“修改定位”，就把錨點標記搬了出來（平常它都被我遺忘）。
但是程式那邊說他們要取值，連接中必須要有“?”或“&”，那這樣我的錨點就不相容了...
呵呵！以後會有解決方法的！
雖然在jsp頁面中錨點相容有問題，但是在靜態頁面中是沒有問題的，還是值得學下的！


3.在 WEB 開發中，會使用到頁錨點
。 HTML 頁面錨點用於連結到一個頁面的某一章。 W3School 中說到，建立錨點使用 （錨）標籤和 name 屬性，但這不是建立頁面錨點的唯一方法。下面簡單說一下製作 HTML 頁面錨點的兩種方式。 我們可以利用 W3School 的線上測試工具來進行測試。開啟連結後的測試程式碼使用的是 和 ，測試沒有問題。再將“

Chapter 4

”改為“

Chapter 4

” 後進行測試，效果相同。

說明，製作頁面錨點除了使用 錨點標籤 name 屬性之外，還可以使用 id 屬性。錨點 標籤中href 屬性的值為# 開頭加上目標的name 或id 的值：

複製程式碼複製程式碼

程式碼如下:

頁面錨點方法一

頁錨點方法二

方法一

使用錨標籤的href 和name 屬性

方法二

使用錨標籤與id 屬性