Должен ли заголовок находиться внутри или снаружи <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>

Ответы

Ответ 1

Невозможно поместить элемент заголовка внутри элемента p в разметку HTML, а не только формально, но поскольку браузеры неявно завершают открытый элемент p, когда они сталкиваются с заголовком. Таким образом, вопрос бессмыслен: элемент, который не может существовать в определенном контексте, не может иметь никакого смысла (семантики) в этом контексте.

Вместо того, чтобы использовать p для группировки текста и заголовков вместе, вы можете использовать элемент div или, с обычными оговорками, новинками HTML5, такими как section и article.

Ответ 2

В соответствии со стандартами абзац не должен содержать другие элементы блока (включая абзацы и заголовки). Как указано в других ответах, чтобы сгруппировать заголовок с абзацем, вы можете использовать тег div.

Вы можете найти много информации об этой теме также на веб-сайте w3c: http://www.w3.org/TR/html401/struct/global.html#block-inline

Ответ 3

Как уже упоминалось @david, вы не можете использовать другие элементы или заголовки внутри абзаца. Однако вы можете включить другие элементы, если вы объедините их внутри тега div.

Чтобы узнать более четко о том, как использовать абзацы в HTML, см. этот учебник http://www.snoopcode.com/html/html-paragraphs