国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

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

2020-03-24 17:50:26
字體:
供稿:網(wǎng)友
html中的錨點想必大家并不陌生吧,錨點是網(wǎng)頁制作中超級鏈接的一種,又叫命名錨記,下面以實例的方式為大家介紹下錨點的使用,不了解的朋友可不要錯過哦

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

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

示例代碼

HTML頁面中適當(dāng)位置定義如下的錨點:

 a name= top 這里是TOP部分 /a  a name= content 這里是CONTENT部分 /a  a name= foot 這里是FOOT部分 /a 

(您可以使用 id 屬性來替代 name 屬性,命名錨同樣有效。[1])
對于如上錨點的訪問有兩種方法
一種是利用超鏈接標(biāo)簽 a /a 制作錨點鏈接,主要用于頁面內(nèi)的錨點訪問

 a href= #top 點擊我鏈接到TOP /a  a href= #content 點擊我鏈接到CONTENT /a  a href= #foot 點擊我鏈接到FOOT /a 

另一種方式是直接在頁面地址后面加錨點標(biāo)記,主要用于不同頁面之間的錨點訪問
假如本頁面的地址是http://文件路徑/index.html,要訪問foot錨點只要訪問如下鏈接即可
http://文件路徑/index.html#foot
2.html 錨點 到底是干嗎的?
通俗簡單地說,比如一篇很長的文章,你想按分段精確來看,那就可以用到錨點了。
代碼:

 a href= #001 跳到001 /a ...文字省略  a name= 001 id= 001 /a ...文字省略

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

如以下代碼,就可以兼容ie8

 a href= #001 跳到001 /a ...文字省略  a name= 001 id= 001 n b s p /a ...文字省略

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

代碼如下

 a href= 123.html#001 跳到001 /a ...文字省略  a name= 001 id= 001 n b s p /a ...文字省略

這是昨天在做后臺時候,想實現(xiàn)“修改定位”,就把錨點標(biāo)記搬了出來(平常它都被我遺忘)。
但是程序那邊說他們要取值,連接中必須要有“?”或“ ”,那這樣我的錨點就不兼容了...
呵呵!以后會有解決方法的!
雖然在jsp頁面中錨點兼容有問題,但是在靜態(tài)頁面中是沒有問題的,還是值得學(xué)下的!
3.在 WEB 開發(fā)中,會使用到頁面錨點。HTML 頁面錨點用于鏈接到一個頁面的某一章節(jié)。W3School 中說到,創(chuàng)建錨點使用 a (錨)標(biāo)簽和 name 屬性,但這不是創(chuàng)建頁面錨點的唯一方法。下面簡要說一下制作 HTML 頁面錨點的兩種方式。
我們可以利用 W3School 的在線測試工具來進行測試。打開鏈接后的測試代碼使用的是 a href=”#C4″ 和 a name=”C4″ ,測試沒有問題。再將“ h2 a name=”C4″ Chapter 4 /a /h2 ”改為“ h2 id=”C4″ Chapter 4 /h2 ” 后進行測試,效果一樣。
說明,制作頁面錨點除了使用 錨點標(biāo)簽 name 屬性之外,還可以使用 id 屬性。錨點 a 標(biāo)簽中 href 屬性的值為 # 開頭加上目標(biāo)的 name 或 id 的值:

復(fù)制代碼

代碼如下:

 html  body  a href= #method1 頁面錨點方法一 /a  a href= #method2 頁面錨點方法二 /a  h2 a name= method1 方法一 /a /h2  p 使用錨標(biāo)簽的 href 和 name 屬性 /p  h2 id= method2 方法二 /h2  p 使用錨標(biāo)簽和 id 屬性 /p  /body  /html 

相關(guān)推薦:

多種實例解析HTML表單form的使用方法

以上就是html 網(wǎng)頁中的錨點(命名錨記)的使用介紹的詳細(xì)內(nèi)容,html教程

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 仲巴县| 荔波县| 蓬莱市| 新乡市| 常宁市| 封丘县| 吉林省| 东乡族自治县| 临湘市| 嵩明县| 赤城县| 锡林浩特市| 合山市| 邓州市| 清新县| 婺源县| 奉化市| 拜城县| 汶上县| 泾川县| 涡阳县| 阿巴嘎旗| 蒙城县| 岳阳市| 从江县| 北辰区| 宝清县| 光泽县| 漳浦县| 土默特左旗| 乌拉特中旗| 襄樊市| 宁明县| 峡江县| 辽阳县| 温宿县| 清远市| 兴国县| 仙桃市| 大渡口区| 内江市|