html中和的使用方法,html中的錨點介紹和使用 | 學步園

以下資料整理自網路

1.錨點是網頁製作中超級鏈接的一種，又叫命名錨記。命名錨記像一個迅速定位器一樣是一種頁面內的超級鏈接，運用相當普遍。

英文名：anchor

使用命名錨記可以在文檔中設置標記，這些標記通常放在文檔的特定主題處或頂部。然後可以創建到這些命名錨記的鏈接，這些鏈接可快速將訪問者帶到指定位置。

創建到命名錨記的鏈接的過程分為兩步。首先，創建命名錨記，然後創建到該命名錨記的鏈接。

示例代碼

在HTML頁面中適當位置定義如下的錨點：

這裡是TOP部分

這裡是CONTENT部分

這裡是FOOT部分

(您可以使用 id 屬性來替代 name 屬性，命名錨同樣有效。[1])

對於如上錨點的訪問有兩種方法

一種是利用超鏈接標籤製作錨點鏈接，主要用於頁面內的錨點訪問

點擊我鏈接到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

” 後進行測試，效果一樣。說明，製作頁面錨點除了使用 錨點標籤 name 屬性之外，還可以使用 id 屬性。錨點 標籤中 href 屬性的值為 # 開頭加上目標的 name 或 id 的值：

頁面錨點方法一

頁面錨點方法二

方法一

使用錨標籤的 href 和 name 屬性

方法二

使用錨標籤和 id 屬性