【问题标题】:Should a heading be inside or outside a <p>?标题应该在 <p> 内部还是外部?
【发布时间】:2013-03-27 10:36:42
【问题描述】:

我有一个 div 元素,在那个 div 中,我们在 p 个元素之间有文本。

我想添加一个标题。它应该进入 p 内部还是外部?

哪个更好:

<p>This is text
    <h3>This is my h3</h3>
    More text
</p>
<p>another text<p>

或

<p>This is text<p>
<h3>This is my h3</h3>
<p>another text<p>

【问题讨论】:

    标签: html semantic-markup


    【解决方案1】:

    在 HTML 标记中,不可能将标题元素放在 p 元素中,这不仅是形式上的,还因为浏览器在遇到标题时会隐式终止打开的 p 元素。所以这个问题是没有意义的:一个不能存在于特定上下文中的元素在该上下文中不能有任何意义(语义)。

    除了使用p 将文本和标题组合在一起之外,您还可以使用div 元素,或者使用HTML5 新奇元素,如section 和article。

    【讨论】:

    • 好吧,你说在 p 元素中应该只有文本,仅此而已,对吧?谢谢!
    • 段落中有很多内容,但标题不是其中之一。
    【解决方案2】:

    根据标准,段落不应包含其他块元素(包括段落和标题)。如其他答案所示,要将标题与段落分组,您可以使用 div 标签。

    你也可以在 w3c 的网站上找到很多关于这个主题的信息:http://www.w3.org/TR/html401/struct/global.html#block-inline

    【讨论】:

      猜你喜欢
      • 2011-08-06
      • 2021-01-05
      • 2014-10-28
      • 2018-06-30
      • 1970-01-01
      • 2010-09-20
      • 1970-01-01
      • 2019-09-23
      • 1970-01-01
      相关资源
      最近更新 更多