4-18编程,跳转起始点会包括返回顶部
来源:4-18 编程练习
丹丹陈
2020-07-07 22:12:07
为什么跳转的时候是跳到蔬菜和运动时,会包含上一行的『返回顶部』,不应该不包含吗?
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>超级链接</title>
</head>
<body>
<a name="top">这里是顶部</a><br/>
<!--设置水果锚点链接-->
<a href="#sg">水果</a><br/>
<!--设置蔬菜锚点链接-->
<a href="#sc">蔬菜</a><br/>
<!--设置运动锚点链接-->
<a href="#yd">运动</a><br/>
<!--设置水果标题-->
<a name="sg"></a><h2>水果</h2>
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>葡萄</li>
<li>梨</li>
<li>西瓜</li>
<li>樱桃</li>
<li>菠萝</li>
<li>橙子</li>
<li>柚子</li>
<li>芒果</li>
<li>水蜜桃</li>
<li>苹果</li>
<li>葡萄</li>
<li>梨</li>
<li>西瓜</li>
<li>樱桃</li>
<li>菠萝</li>
<li>橙子</li>
<li>柚子</li>
<li>芒果</li>
<li>水蜜桃</li>
<li>苹果</li>
<li>葡萄</li>
<li>梨</li>
<li>西瓜</li>
<li>樱桃</li>
<li>菠萝</li>
<li>橙子</li>
<li>柚子</li>
<li>芒果</li>
<li>水蜜桃</li>
</ul>
<!--设置返回顶部链接-->
<a href="#top">返回顶部</a>
<!--设置蔬菜标题-->
<a name="sc"></a><h2>蔬菜</h2>
<ul>
<li>西红柿</li>
<li>黄瓜</li>
<li>土豆</li>
<li>芹菜</li>
<li>蒜苔</li>
<li>香菇</li>
<li>豆角</li>
<li>油麦菜</li>
<li>莲藕</li>
<li>菠菜</li>
<li>番薯</li>
<li>黄瓜</li>
<li>土豆</li>
<li>芹菜</li>
<li>蒜苔</li>
<li>香菇</li>
<li>豆角</li>
<li>油麦菜</li>
<li>莲藕</li>
<li>菠菜</li>
<li>番薯</li>
<li>黄瓜</li>
<li>土豆</li>
<li>芹菜</li>
<li>蒜苔</li>
<li>香菇</li>
<li>豆角</li>
<li>油麦菜</li>
<li>莲藕</li>
<li>菠菜</li>
<li>番薯</li>
<li>黄瓜</li>
<li>土豆</li>
<li>芹菜</li>
<li>蒜苔</li>
<li>香菇</li>
<li>豆角</li>
<li>油麦菜</li>
<li>莲藕</li>
<li>菠菜</li>
<li>番薯</li>
</ul>
<!--设置返回顶部链接-->
<a href="#top">返回顶部</a>
<!--设置运动标题-->
<a name="yd"></a><h2>运动</h2>
<ul>
<li>滑冰</li>
<li>游泳</li>
<li>羽毛球</li>
<li>滑冰</li>
<li>游泳</li>
<li>羽毛球</li>
<li>滑冰</li>
<li>游泳</li>
<li>羽毛球</li>
<li>滑冰</li>
<li>游泳</li>
<li>羽毛球</li>
<li>滑冰</li>
<li>游泳</li>
<li>羽毛球</li>
<li>滑冰</li>
<li>游泳</li>
<li>羽毛球</li>
<li>滑冰</li>
<li>游泳</li>
<li>羽毛球</li>
<li>滑冰</li>
<li>游泳</li>
<li>羽毛球</li>
<li>滑冰</li>
<li>游泳</li>
<li>羽毛球</li>
<li>滑冰</li>
<li>游泳</li>
<li>羽毛球</li>
<li>滑冰</li>
<li>游泳</li>
<li>羽毛球</li>
<li>滑冰</li>
<li>游泳</li>
<li>羽毛球</li>
</ul>
<br/>
<!--设置返回顶部链接-->
<a href="#top">返回顶部</a>
</body>
</html>
1回答
好帮手慕码
2020-07-08
同学你好,修改下标签嵌套即可:
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题