我的锚点不生效,老师帮忙看一下,谢谢!
来源:2-15 编程练习
余青龙
2020-10-12 08:59:31
<body>
<a name="top">这里是顶部</a><br />
<!--设置水果锚点链接-->
<p>
<a href="#fruit">水果</a>
</p>
<!--设置蔬菜锚点链接-->
<p>
<a href="#vegetables">蔬菜</a>
</p>
<!--设置运动锚点链接-->
<p>
<a href="#sports">运动</a>
</p>
<!--设置水果标题-->
<h3 name="fruit">水果</h3>
<ul>
<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>
<!--设置蔬菜标题-->
<h3 name="vegetables">蔬菜</h3>
<ul>
<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>
<!--设置运动标题-->
<h3 name="sports">运动</h3>
<ul>
<li>跑步</li>
<li>游泳</li>
<li>打篮球</li>
<li>打乒乓球</li>
<li>踢足球</li>
</ul>
<!--设置返回顶部链接-->
<p>
<a href="#top">返回顶部</a>
</p>
</body>
1回答
同学你好,锚点是给a设置的,不能给其他元素设置。代码中是给h3设置了锚点所以无效,建议在h3标签中,嵌套一个a标签,然后给a标签设置锚点即可。示例:
其他几个也参照上面的进行修改即可。祝学习愉快~
相似问题