html 網(wǎng)頁(yè)中的錨點(diǎn)(命名錨記)的使用介紹

2019-10-26 17:14:25

字體：大中小

供稿：網(wǎng)友

以下資料整理自網(wǎng)路

1.錨點(diǎn)是網(wǎng)頁(yè)制作中超級(jí)鏈接的一種，又叫命名錨記。命名錨記像一個(gè)迅速定位器一樣是一種頁(yè)面內(nèi)的超級(jí)鏈接，運(yùn)用相當(dāng)普遍。
英文名：anchor
使用命名錨記可以在文檔中設(shè)置標(biāo)記，這些標(biāo)記通常放在文檔的特定主題處或頂部。然后可以創(chuàng)建到這些命名錨記的鏈接，這些鏈接可快速將訪問者帶到指定位置。
創(chuàng)建到命名錨記的鏈接的過程分為兩步。首先，創(chuàng)建命名錨記，然后創(chuàng)建到該命名錨記的鏈接。

示例代碼

在HTML頁(yè)面中適當(dāng)位置定義如下的錨點(diǎn)：
<a name="top">這里是TOP部分</a>
<a name="content">這里是CONTENT部分</a>
<a name="foot">這里是FOOT部分</a>
（您可以使用 id 屬性來(lái)替代 name 屬性，命名錨同樣有效。[1]）
對(duì)于如上錨點(diǎn)的訪問有兩種方法
一種是利用超鏈接標(biāo)簽<a></a>制作錨點(diǎn)鏈接，主要用于頁(yè)面內(nèi)的錨點(diǎn)訪問
<a href="#top">點(diǎn)擊我鏈接到TOP</a>
<a href="#content">點(diǎn)擊我鏈接到CONTENT</a>
<a href="#foot">點(diǎn)擊我鏈接到FOOT</a>
另一種方式是直接在頁(yè)面地址后面加錨點(diǎn)標(biāo)記，主要用于不同頁(yè)面之間的錨點(diǎn)訪問
假如本頁(yè)面的地址是http://文件路徑/index.html，要訪問foot錨點(diǎn)只要訪問如下鏈接即可
http://文件路徑/index.html#foot

2.html 錨點(diǎn) 到底是干嗎的？
通俗簡(jiǎn)單地說(shuō)，比如一篇很長(zhǎng)的文章，你想按分段精確來(lái)看，那就可以用到錨點(diǎn)了。

代碼：
<a href="#001">跳到001</a>
...文字省略
<a name="001" id="001" ></a>
...文字省略

其實(shí)錨點(diǎn)只需name就可以可，加id是為了讓它兼容性更好.
href的值要跟name / i d 一致，前面必須加"#"，以上代碼在ie6/7,ff中都可以兼容，但在ie8中就不行。
因?yàn)槲覀冨^點(diǎn)的<a></a>值為空，為不影響美觀我們加個(gè)空格就行了,

如以下代碼，就可以兼容ie8
<a href="#001">跳到001</a>
...文字省略
<a name="001" id="001" > & n b s p </a>
...文字省略

另一問題，想顯示某頁(yè)面(如：123.html)的某錨點(diǎn)內(nèi)容呢？

代碼如下
<a href="123.html#001">跳到001</a>
...文字省略
<a name="001" id="001" > & n b s p </a>
...文字省略

這是昨天在做后臺(tái)時(shí)候，想實(shí)現(xiàn)“修改定位”，就把錨點(diǎn)標(biāo)記搬了出來(lái)（平常它都被我遺忘）。
但是程序那邊說(shuō)他們要取值，連接中必須要有“?”或“&”，那這樣我的錨點(diǎn)就不兼容了...

上一篇：a標(biāo)簽中寫有文字并有圖片如何隱藏文字只顯示圖片

下一篇：談?wù)刪tml轉(zhuǎn)義字符如何通過代碼識(shí)別