web-dev-qa-db-ja.com

見出しは<p>の内側にするか外側にするか？

私には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>
htmlsemantic-markup
25
JamalDols

HTMLマークアップのp要素内に見出し要素を配置することは、形式的にだけでなく、ブラウザが見出しに遭遇すると、開いているp要素を暗黙的に終了するため不可能です。したがって、質問は意味がありません。特定のコンテキストに存在できない要素は、そのコンテキスト内で意味（セマンティクス）を持つことができません。

pを使用してテキストと見出しをグループ化する代わりに、div要素を使用するか、通常の注意事項として、sectionやarticleなどのHTML5の新奇性を使用できます。 。

41
Jukka K. Korpela

標準によると、段落には他のブロック要素（段落とヘッダーを含む）を含めないでください。他の回答に示されているように、ヘッダーを段落とグループ化するには、divタグを使用できます。

このテーマに関する多くの情報は、w3cのWebサイトにもあります。 http://www.w3.org/TR/html401/struct/global.html#block-inline

5
david