p标签的嵌套规范?

<head>

<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
    p{width:100px; height: 100px;background: blue;}
</style>

</head>
<body>

<p>
    <h3></h3>
</p>

</body>

直接上代码,这个只写了一个

,为什么在浏览器显示的,结果是图片描述

这个标签嵌套问题是都读取了

<h3>,所以才显示两个吗?还有其他标签嵌套规则要主要的吗?

阅读 8.8k
2 个回答

P标签内只能是行内元素或者文本字段,不能是块级元素。如果出现块级元素浏览器会把代码自动解析成这样

<p></p>
    <h3></h3>
<p></p>

块级元素不能放在<p>里面。
除了<p>之外,下面有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素:
<h1>,<h2>,<h3>,<h4>,<h5>,<h6>,<dt>

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