点击返回顶部成功，但是点击水果，蔬菜，运动没有反应
列表够长，但是点击水果蔬菜运动的链接还是没有反应。我把无序列表中的蔬菜和运动的锚名改用id表示，结果再点击蔬菜和运动的链接就成功了，为什么？为什么返回顶部使用name属性可以，水果蔬菜运动使用name属性就失败呢？
<!doctype html>
<html>
<head>
<meta charset="UTF-8" />
<title>锚链接l</title>
</head>
<body>
<!--此处填写代码-->
<p name="top">这里是顶部<br/><a href="#fruit">水果</a><br/><a href="#shucai">蔬菜</a><br/><a href="#sport">运动</a><br/></p>
<h1 name="fruit">水果</h1>
<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>
</ul>
<p><a href="#top">返回顶部</a></p>
<h1 id="shucai">蔬菜</h1>
<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></ul>
<p><a href="#top">返回顶部</a></p>
<h1 id="sport">运动</h1>
<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>
<li>铅球</li>
<li>管理器</li>
<li>足球</li>
<li>篮球</li>
<li>排球</li>
</ul>
<p><a href="#top">返回顶部</a></p>
</body>
</html>
正在回答 回答被采纳积分+1
<a name="返回顶部">这里是顶部</a>
<br>
<a href="#水果">水果</a>
<br>
<a href="#蔬菜">蔬菜</a>
<br>
<a href="#运动">运动</a>
<a name="水果"><h1>水果</h1></a>
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>葡萄</li>
<li>梨</li>
<li>西瓜</li>
<li>樱桃</li>
<li>菠萝</li>
<li>橙子</li>
<li>柚子</li>
<li>芒果</li>
</ul>
<a href="#返回顶部">返回顶部</a>
<a name="蔬菜"><h1>蔬菜</h1></a>
<ul>
<li>西红柿</li>
<li>黄瓜</li>
<li>土豆</li>
<li>芹菜</li>
<li>蒜台</li>
<li>西葫芦</li>
<li>香菇</li>
<li>菠菜</li>
<li>豆角</li>
<li>油菜</li>
</ul>
<a href="#返回顶部">返回顶部</a>
<a name="运动"><h1>运动</h1></a>
<li>跑步</li>
<li>跳绳</li>
<li>打兵乓球</li>
<li>打羽毛球</li>
<li>踢足球</li>
<li>打篮球</li>
<li>游泳</li>
<li>跳远</li>
<li>跳高</li>
<li>打排球</li>
<a href="#返回顶部">放回顶部</a>
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星