jade/pug中标签嵌套

我在test.pug文件中的代码如下:
doctype html

html

head
     title
body
    p fffffff
    input
    p dddddddd <span>sssss</span>
    div#nameid
        p <h2>jdjdjdj</h2>
        div.nameclass
            p#nameidp.pclass
            h2 cccc
    div

试验嵌套语句如下:
p dddddddd <span>sssss</span>
p <h2>jdjdjdj</h2>

同步生成的html文件代码如下:
<!DOCTYPE html><html><head><title></title></head><body><p>fffffff</p><input><p>dddddddd <span>sssss</span></p><div id="nameid"><p><h2>jdjdjdj</h2></p><div class="nameclass"><p class="pclass" id="nameidp"></p><h2>cccc</h2></div></div><div><img></div></body></html>

测试嵌套语句生成成功。

运行的页面代码如下:
图片描述

单独编写html2,代码如下:
<p><h2>sss</h2></p>

运行的文件中代码如下:
图片描述

请问:标签p不能正确嵌套h2的原因

阅读 4.9k
1 个回答

网络中搜索到标签的嵌套规则:

有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:
h1、h2、h3、h4、h5、h6、p、dt。

不确定是否是这个原因,那么为什么单独写的html和利用jade生成的html都是OK,生成的的页面就不OK呢?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题