您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

html怎么设置锚点

2025/7/5 0:12:54发布21次查看
html设置锚点的方法:1、设置一个锚点链接“2d62deff5cd301a24600e47069facf40...5db79b134e9f6b82c0b36e0489ee08ed”;2、在页面中需要的位置设置锚点;3、在href中的路径后面追加“#+锚点名”即可。
本文操作环境:windows7系统、html5版,dell g3电脑
html中的锚点
页面内跳转的锚点设置
        页面内的跳转需要两步:
        方法一:
        ①:设置一个锚点链接2d62deff5cd301a24600e47069facf40去找喵星人5db79b134e9f6b82c0b36e0489ee08ed;(注意:href属性的属性值最前面要加#)
        ②:在页面中需要的位置设置锚点3eadeb4d075d31c4f24ac2a209b0290d5db79b134e9f6b82c0b36e0489ee08ed;(注意:a标签中要写一个name属性,属性值要与①中的href的属性值一样,不加#)标签中按需填写必要的文字,一般不写内容
        方法二:
        ①:同方法一的①
        ②:设置锚点的位置  f6135b04d77df3c4dfe02122f18eb3c9喵星人基地39528cedfa926ea0c01e69ef5b2ea9b0;在要跳转到的位置的标签中添加一个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中的路径后面追加:#+锚点名,即可
       如:70e711cb4d4b9628dde579cfec4a4722跳转到萌宠集结号页面5db79b134e9f6b82c0b36e0489ee08ed
②:要跳转到的页面中要设置锚点,方法见一种的步骤②,两个方法任选其一。
推荐学习:《html视频教程》
以上就是html怎么设置锚点的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product