亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

html 網頁中的錨點的使用方法

發布時間:2020-07-09 17:31:11 來源:億速云 閱讀:422 作者:Leah 欄目:web開發

這篇文章將為大家詳細講解有關html 網頁中的錨點的使用方法,文章內容質量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。

以下資料整理自網路

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

示例代碼

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

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

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

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

另一種方式是直接在頁面地址后面加錨點標記,主要用于不同頁面之間的錨點訪問
假如本頁面的地址是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)的某錨點內容呢?

代碼如下

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

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

復制代碼

代碼如下:

<html> 
<body> 
<p> 
<a href="#method1">頁面錨點方法一</a> 
</p> 
<p> 
<a href="#method2">頁面錨點方法二</a> 
</p> 
<h3><a name="method1">方法一</a></h3> 
<p>使用錨標簽的 href 和 name 屬性</p> 
<h3 id="method2">方法二</h3> 
<p>使用錨標簽和 id 屬性</p> 
</body> 
</html>

關于html 網頁中的錨點的使用方法就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

淮滨县| 丰台区| 崇文区| 榆社县| 双牌县| 剑川县| 金塔县| 巴塘县| 尤溪县| 观塘区| 平顶山市| 廊坊市| 德化县| 敦煌市| 行唐县| 上饶县| 榆中县| 武宣县| 德令哈市| 肇源县| 崇义县| 化州市| 大化| 定兴县| 涞水县| 镇远县| 合阳县| 临夏县| 简阳市| 郴州市| 加查县| 长沙县| 上高县| 阳泉市| 昭通市| 绥阳县| 崇仁县| 滦南县| 惠州市| 普定县| 丘北县|