代码报错“Unexpected end tag (p).ignored.”

代码报错“Unexpected end tag (p).ignored.”

# 具体遇到的问题
老师,请问一下为什么我的代码会报这个错误?
# 报错信息的截图
http://img1.sycdn.imooc.com//climg/5fb24973091e8b7504190967.jpg# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

<html>

<head>

<meta charset="UTF-8">

<title>超级链接</title>

</head>

<body>

    <a name="top">这里是顶部</a><br />

    <p>

        <a href="#fruit">水果</a>

    </p>

    <p>

        <a href="#vegetable">蔬菜</a>

    </p>

    <p>

        <a href="#sport">运动</a>

    </p>


    <p>

        <h3 ID="fruit">水果</h3>

        <ul>

            <li>香蕉</li>

            <li>苹果</li>

            <li>葡萄</li>

            <li>梨</li>

            <li>西瓜</li>

            <li>樱桃</li>

            <li>菠萝</li>

            <li>橙子</li>

            <li>芒果</li>

        </ul>

    </p>

    

    <p>

        <a href="#top">返回顶部</a><br />


    </p>


    

    <p>

        <h3 ID="vegetable">蔬菜</h3>

        <ul>

            <li>西红柿</li>

            <li>黄瓜</li>

            <li>土豆</li>

            <li>芹菜</li>

            <li>蒜薹</li>

            <li>西葫芦</li>

            <li>香菇</li>

            <li>菠菜</li>

            <li>油菜</li>

        </ul>

    </p>

    

    <p>

        <a href="#top">返回顶部</a><br />


    </p>


</body>

</html>


正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,是嵌套的问题。p标签不能嵌套其他块元素标签,浏览器解析的时候会分离出来

http://img1.sycdn.imooc.com//climg/5fb2508509bb69e606050363.jpg

所以在线编辑器提示p结束标签处有问题。

代码中可以将两处嵌套的p标签注释掉

http://img1.sycdn.imooc.com//climg/5fb250dd09201fb303850278.jpg

http://img1.sycdn.imooc.com//climg/5fb250e5094cda8f04130296.jpg

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师