将块级元素嵌套在<p>标记内......是对还是错？

6 回答

• 23

  这篇文章展示了这一点 . 看起来它是标准的浏览器行为 .

  http://blog.programmingsolution.net/html/html-div-tag-inside-html-p-paragraph-tag-does-not-work-correctly/

  回复于 2024-04-29T22:43:50+08:00
• 0

  从语法上讲， p 中的 div 在所有HTML标准中都是无效的 . 此外，当使用符合标准的HTML解析器时，不可能在 <p> 中放置 <div> 元素，因为打开 <div> 标记将自动关闭 <p> 元素 .

  从语义上讲，正确的选择取决于您标记的内容 . 您需要至少显示一个完整的段落样本以及可能包含它的内容，以确保提供足够的信息以确定正确的语义标记 .

  但是，鉴于 <div> 和 <span> 都是免费的语义，并且CSS绝不能改变它，如果你确定 <p> 标签的内容确实形成一个段落，并且 <span style="display: block"> 可以获得你的表现效果寻求，然后这是有效的HTML，将是一个完全合适的解决方案 .

  回复于 2024-04-29T22:43:50+08:00
• 0

  它在语法上是不正确的，因为你可以使用W3C markup validator自己看到 .

  在语义上和实际上，我会说它是“ok”，因为a）它非常自然，b）所有浏览器都能正确处理它（事实上这是他们每天必须面对的最简单的问题之一） .

  如果你的HTML是由用户输入产生的（例如，一个HTML编辑器小部件，访问者可以使用它来发表评论），那么我只想让它成为，即使它是“不正确” .

  否则，您可以稍微更改标记 . 就我个人而言

  <div class="para">
      <div>Some content</div>
  </div>
  

  并使用CSS给出 .para 适当的边距 .

  回复于 2024-04-29T22:43:50+08:00
• 1

  不，段落元素可能不包含其他块元素 .

  Reference

  段落标记用于文本块 . 如果你的元素是文本的一部分（而不是块元素），那么它在语义上是正确的，否则就不是 . 带有 display:block 的span标记仍然是块元素 .

  回复于 2024-04-29T22:43:50+08:00
• 86

  FWIW：我有一段用段落标签括起来的段落 . 在里面我放了一个带显示的div：在div上内联 . 但它仍将div视为块元素并关闭段落，创建一个带段落间距的新行 .

  似乎段落标记内的任何块元素都会强制段落关闭，即使块元素在其CSS中显示为内联也是如此 .

  回复于 2024-04-29T22:43:50+08:00
• 6

  没有任何上下文，对我来说似乎很好，只要你的外部标签真的仍然是一个段落 . 如果你的div类似于你的顶级导航栏，那就不是那么多，但是如果它是一个图像和 Headers 的容器，你将向右浮动，那么就没有问题了 .

  回复于 2024-04-29T22:43:50+08:00