我的锚点不生效,老师帮忙看一下,谢谢!

来源: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回答

好帮手慕夭夭

2020-10-12

同学你好,锚点是给a设置的,不能给其他元素设置。代码中是给h3设置了锚点所以无效,建议在h3标签中,嵌套一个a标签,然后给a标签设置锚点即可。示例:

http://img.mukewang.com/climg/5f83d29209d53e9c04150053.jpg

其他几个也参照上面的进行修改即可。祝学习愉快~

0

0 学习 · 15276 问题

查看课程