国产探花免费观看_亚洲丰满少妇自慰呻吟_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

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 兴安盟| 原平市| 高淳县| 汕头市| 行唐县| 蒙自县| 中宁县| 阿合奇县| 阜新市| 芷江| 珲春市| 洪洞县| 柳州市| 武陟县| 梁河县| 县级市| 江油市| 潼关县| 红桥区| 大同市| 天镇县| 平舆县| 韶关市| 汽车| 邹城市| 永吉县| 河池市| 南通市| 凯里市| 余干县| 高密市| 广灵县| 巩留县| 锡林浩特市| 忻州市| 凌云县| 饶阳县| 宁乡县| 城市| 西城区| 鲁山县|