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

首頁 > 編程 > HTML > 正文

html中的錨點

2020-03-24 17:48:25
字體:
來源:轉載
供稿:網友

一、頁面內跳轉的錨點設置

頁面內的跳轉需要兩步:

方法一:

①:設置一個錨點鏈接<a href="#miao"去找喵星人</a;(注意:href屬性的屬性值最前面要加#)

②:在頁面中需要的位置設置錨點<a name="miao"</a;(注意:a標簽中要寫一個name屬性,屬性值要與①中的href的屬性值一樣,不加#)標簽中按需填寫必要的文字,一般不寫內容

方法二:

①:同方法一的①

②:設置錨點的位置 <h3 id="miao"喵星人基地</h3;在要跳轉到的位置的標簽中添加一個id屬性,屬性值與①中href的屬性值一樣,不加#

方法二不用單獨添加一個a標簽來專門設置錨點 ,只在需要的位置的標簽中添加一個id即可。

小案例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"

<head

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"

<title萌寵集結號</title

</head

<body

<ul

<li<a href="#miao"去找喵星人</a</li

<li<a href="#wang"去找汪星人</a</li

<li<a href="#meng"其他萌物</a</li

</ul

<a name="miao"</a<!--設置錨點方法1--

<h3 id="miao"喵星人基地</h3<!--設置錨點方法2--

<p喵喵喵~</p

<p喵喵喵~</p

<p喵喵喵~</p

<p喵喵喵~</p

<p喵喵喵~</p

<p喵喵喵~</p

<a name="wang"</a

<p汪汪汪~</p

<p汪汪汪~</p

<p汪汪汪~</p

<p汪汪汪~</p

<p汪汪汪~</p

<p汪汪汪~</p

<a name="meng"</a

<p萌萌萌~</p

<p萌萌萌~</p

<p萌萌萌~</p

<p萌萌萌~</p

<p萌萌萌~</p

<p萌萌萌~</p

</body

</html

二、跨頁面跳轉

①:設置錨點鏈接,在href中的路徑后面追加:#+錨點名,即可

如:<a href="萌寵集結號.html#miao"跳轉到萌寵集結號頁面</a

②:要跳轉到的頁面中要設置錨點,方法見一種的步驟②,兩個方法任選其一。

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 南宁市| 北宁市| 栖霞市| 桂林市| 法库县| 治县。| 荃湾区| 乌兰县| 三江| 凌海市| 新丰县| 沙洋县| 靖西县| 丘北县| 永宁县| 嵊州市| 阳泉市| 西畴县| 宾川县| 五常市| 万年县| 攀枝花市| 米脂县| 横峰县| 茌平县| 温州市| 沙洋县| 南通市| 光山县| 舒兰市| 讷河市| 丘北县| 静安区| 威海市| 府谷县| 乐清市| 安达市| 伊川县| 涿州市| 富蕴县| 洛南县|