首頁 >web前端 >html教學 >Html5錨點是什麼

Html5錨點是什麼

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

    範例程式碼


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

#






2.html 錨點 到底是乾嗎的?
通俗簡單地說,例如一篇很長的文章,你想按分段精確來看,那就可以用到錨點了。

代碼:
跳到001
...文字省略

...文字省略

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

如以下程式碼,就可以相容ie8
< ;a href="#001">跳到001
...文字省略
& n b s p
...文字省略

另一問題,想顯示某頁(如:123.html)的某錨點內容呢?

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

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

3.在 WEB 開發中,會使用到頁面錨點。 HTML 頁面錨點用於連結到一個頁面的某一章。 W3School 中說到,創建錨點使用 (錨)標籤和 name 屬性,但這不是創建頁面錨點的唯一方法。下面簡單說一下製作 HTML 頁面錨點的兩種方式。

我們可以利用 W3School 的線上測試工具來進行測試。打開連結後的測試程式碼使用的是
,測試沒有問題。再將"


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

程式碼如下:





頁面錨點方法一





方法一


使用錨標籤的href 和name 屬性


方法二


使用錨標籤和id屬性



#這裡是TOP部分

點擊我連結到TOP

#這裡是CONTENT部分

點擊我連結到CONTENT

這裡是FOOT部分

點擊我連結到FOOT

#(您可以使用id 屬性取代name 屬性,命名錨同樣有效。訪問

另一種方式是直接在頁面位址後面加上錨點標記,主要用於不同頁面之間的錨點存取

假如本頁面的位址是http://檔案路徑/index.html,要存取foot錨點只要造訪以下連結即可http://檔案路徑/index.html#foot

以上是Html5錨點是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn