建站
咨詢
售后
建站咨詢
新聞中心
這篇文章將為大家詳細講解有關(guān)如何使用html網(wǎng)頁中的錨點，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
錨點是網(wǎng)頁制作中超級鏈接的一種，又叫命名錨記。命名錨記像一個迅速定位器一樣是一種頁面內(nèi)的超級鏈接，運用相當普遍。
英文名：anchor
使用命名錨記可以在文檔中設(shè)置標記，這些標記通常放在文檔的特定主題處或頂部。然后可以創(chuàng)建到這些命名錨記的鏈接，這些鏈接可快速將訪問者帶到指定位置。
創(chuàng)建到命名錨記的鏈接的過程分為兩步。首先，創(chuàng)建命名錨記，然后創(chuàng)建到該命名錨記的鏈接。
示例代碼
在HTML頁面中適當位置定義如下的錨點：
這里是TOP部分 這里是CONTENT部分 這里是FOOT部分
（您可以使用 id 屬性來替代 name 屬性，命名錨同樣有效。[1]）
對于如上錨點的訪問有兩種方法
一種是利用超鏈接標簽制作錨點鏈接，主要用于頁面內(nèi)的錨點訪問
點擊我鏈接到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)的某錨點內(nèi)容呢？
代碼如下
跳到001 ...文字省略 & n b s p ...文字省略
這是昨天在做后臺時候，想實現(xiàn)“修改定位”，就把錨點標記搬了出來（平常它都被我遺忘）。
但是程序那邊說他們要取值，連接中必須要有“?”或“&”，那這樣我的錨點就不兼容了...
呵呵！以后會有解決方法的！
雖然在jsp頁面中錨點兼容有問題，但是在靜態(tài)頁面中是沒有問題的，還是值得學下的！
3.在 WEB 開發(fā)中，會使用到頁面錨點。HTML 頁面錨點用于鏈接到一個頁面的某一章節(jié)。W3School 中說到，創(chuàng)建錨點使用 （錨）標簽和 name 屬性，但這不是創(chuàng)建頁面錨點的唯一方法。下面簡要說一下制作 HTML 頁面錨點的兩種方式。
我們可以利用 W3School 的在線測試工具來進行測試。打開鏈接后的測試代碼使用的是 和 ，測試沒有問題。再將“ Chapter 4
”改為“ Chapter 4
” 后進行測試，效果一樣。
說明，制作頁面錨點除了使用 錨點標簽 name 屬性之外，還可以使用 id 屬性。錨點 標簽中 href 屬性的值為 # 開頭加上目標的 name 或 id 的值：
復(fù)制代碼
代碼如下:
方法一
使用錨標簽的 href 和 name 屬性
方法二
使用錨標簽和 id 屬性
關(guān)于如何使用html網(wǎng)頁中的錨點就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
文章名稱：如何使用html網(wǎng)頁中的錨點-創(chuàng)新互聯(lián)
標題網(wǎng)址：http://www.ef60e0e.cn/article/csigho.html
