html 锚点使用

2025-04-28 19:46:46

1、方法一： ①：设置一个锚点链接<a href="#miao">去找喵星人</a>；（注意：href属性的属性值最前面要加#） ②：在页面中需要的位置设置锚点<a name="miao"></a>；（注意：a标签中要写一个name属性，属性值要与①中的href的属性值一样，不加#）标签中按需填写必要的文字，一般不写内容

2、方法二： ①：设置一个锚点链接<a href屏顿幂垂="#miao">去找喵星人</a>稆糨孝汶;；（注意：href属性的属性值最前面要加#）. ②：设置锚点的位置 <h3id="miao">喵星人基地</h3>；在要跳转到的位置的标签中添加一个id属性，属性值与①中href的属性值一样，不加# 方法二不用单独添加一个a标签来专门设置锚点，只在需要的位置的标签中添加一个id即可。

3、小案例：( bidh.html )<!doctype html><head> <meta http-equ足毂忍珩iv="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="wang"></a> 燃气~ 燃气~ 燃气~ 燃气~ 燃气~ 燃气~ <a name="meng"></a> 萌物~ 萌物~ 萌物~ 萌物~ 萌物~ 萌物~</body></html>

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。