首頁 > web前端 > html教學 > html中錨標記用法實例分享_HTML/Xhtml_網頁製作

html中錨標記用法實例分享_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:40:57
原創
1542 人瀏覽過
錨標記用法:
連結到同一文件中的特定位置稱為錨連結。
錨的使用方法是選擇一個目標定位點,用來建立一個定位標記,用標記的name屬性的值來決定

定位標記名稱。格式為:

屬性 name 用於建立一個命名的錨。當使用一個命名的錨,我們可以創建一個直接跳到頁面的指

定部分的鏈接,而不需要讓讀者通過滾動條拖動來找他/她需要的部分。
以下是建立一個命名錨的語法:
Text to be displayed
屬性 name 用來建立一個命名的錨。錨的名稱可以使用你喜歡的文字來命名。
下面一行定義了一個命名的錨:
Useful Tips Section

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

一個命名錨在顯示時與普通連結沒什麼特別不同之處。
為了直接連結到「要點」部分,一般需要在所要求的URL 末尾加上符號# 以及錨名稱,象這樣:
Jump to the Useful Tips Section

到檔案"html_links.asp" 內部(一個頁面內部)的可用錨連結的語法如下:
Jump to the Useful Tips Section

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




提示:您可以先修改部分程式碼再運行
拷貝到你得頁面中試下是不是很好用呢!
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板