html中錨標記用法實例分享
來源:易賢網(wǎng) 閱讀:1448 次 日期:2016-06-21 15:21:45
溫馨提示:易賢網(wǎng)小編為您整理了“html中錨標記用法實例分享”,方便廣大網(wǎng)友查閱!

錨標記的作用就是鏈接到同一文檔中的特定位置叫做錨鏈接,一般這篇文檔內容比較豐富才用錨標記

錨標記用法:

鏈接到同一文檔中的特定位置叫做錨鏈接。

錨的使用方法是選擇一個目標定位點,用來創(chuàng)建一個定位標記,用<a>標記的name屬性的值來確定

定位標記名稱。格式為:

<a name="定位標記名">

屬性 name 用于創(chuàng)建一個命名的錨。當使用一個命名的錨,我們可以創(chuàng)建一個直接跳轉到頁面的指

定部分的鏈接,而不需要讓讀者通過滾動條拖動來找他/她需要的部分。

下面是創(chuàng)建一個命名錨的語法:

<a name="label">Text to be displayed</a>

屬性 name 用于創(chuàng)建一個命名的錨。錨的名稱可以使用你喜歡的文本來命名。

下面一行定義了一個命名的錨:

<a name="tips">Useful Tips Section</a>

然后在網(wǎng)頁的任何地方建立對這個目標標記的鏈接,在標題上建立的鏈接地址名字要和定位標記名相同,前面還要加上"#"號。格式為:

<a href="#定位標記名">

一個命名錨在顯示時與普通鏈接沒什么特別不同之處。

為了直接鏈接到“要點”部分,一般需要在所請求的 URL 末尾加上符號 # 以及錨名稱,象這樣:

<a href="Jump'>http://www.w3schools.com/html_links.asp#tips">Jump to the Useful Tips Section</a>

到文件 "html_links.asp" 內部(一個頁面內部)的可用錨鏈接的語法如下:

<a href="#tips">Jump to the Useful Tips Section</a>

看文字說明太累:這里腳本之家歌大家一個簡單的例子:

<a href="#tag" >從這里</a>

<div style="height:600px"></div><a name="tag">跳到這里</a>

提示:您可以先修改部分代碼再運行

更多信息請查看網(wǎng)頁制作
易賢網(wǎng)手機網(wǎng)站地址:html中錨標記用法實例分享
由于各方面情況的不斷調整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢?yōu)闇剩?/div>

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網(wǎng)