Pourquoi la balise <p> ne peut-elle pas contenir une balise <div>?

Pour autant que je sache, c'est vrai:

<div>
  <p>some words</p>
</div>

Mais c'est faux:

<p>
  <div>some words</div>
</p>

Le premier peut passer le validateur W3C (XHTML 1.0), mais le second non. Je sais que personne n'écrira de code comme le second. Je veux juste savoir pourquoi.

Et qu'en est-il de la relation de confinement des autres balises?

La spécification HTML est un endroit faisant autorité pour rechercher les relations de confinement autorisées. Voir, par exemple, http://www.w3.org/TR/html4/sgml/dtd.html . Il spécifie quels éléments sont des éléments de bloc et lesquels sont en ligne. Pour ces listes, recherchez la section intitulée "Modèles de contenu HTML".

Pour l'élément P, il spécifie ce qui suit, ce qui indique que les éléments P ne peuvent contenir que des éléments en ligne.

<!ELEMENT P - O (%inline;)*            -- paragraph -->

Ceci est cohérent avec http://www.w3.org/TR/html401/struct/text.html#h-9.3.1 , qui dit que l'élément P "ne peut pas contenir d'éléments de niveau bloc (y compris P lui-même)".

Bref, il est impossible de placer un <div>élément à l'intérieur d'un <p>dans le DOM car la <div>balise d' ouverture fermera automatiquement l' <p>élément.

Selon HTML5, le modèle de contenu des divéléments est un contenu de flux

La plupart des éléments utilisés dans le corps des documents et des applications sont classés en tant que contenu de flux.

Cela inclut des péléments, qui ne peuvent être utilisés que là où le contenu du flux est attendu.

Par conséquent, les divéléments peuvent contenir des péléments.

Cependant, le modèle de contenu des péléments est le Phrasing content

Le contenu du phrasé est le texte du document, ainsi que les éléments qui marquent ce texte au niveau intra-paragraphe. Des séries de phrases de contenu forment des paragraphes .

Cela n'inclut pas les divéléments, qui ne peuvent être utilisés que là où le contenu du flux est attendu.

Par conséquent, les péléments ne peuvent pas contenir d' divéléments.

Étant donné que la balise de fin des péléments peut être omise lorsque l' pélément est immédiatement suivi d'un divélément (entre autres), ce qui suit

<p>
  <div>some words</div>
</p>

est analysé comme

<p></p>
<div>some words</div>
</p>

et le dernier </p>est une erreur.

Après le X HTML, les conventions ont été modifiées, et maintenant c'est un mélange de conventions de XML et de HTML, c'est pourquoi la deuxième approche est fausse et le validateur W3C accepte les choses correctes qui sont conformes aux normes et conventions.

Parce que la divbalise a une priorité plus élevée que la pbalise. La pbalise représente une balise de paragraphe tandis que la divbalise représente une balise de document.

Vous pouvez écrire de nombreux paragraphes dans une balise de document, mais vous ne pouvez pas écrire un document dans un paragraphe. Identique à un fichier DOC.