Est-ce que ol/ul doit être à l'intérieur de <p>ou à l'extérieur ?

Question

Lequel des deux est conforme à la norme ?

<p>Text text text ...
    <ol>
        <li>First element</li>
    </ol>
</p>
<p>
    Other text text ...
</p>

OU

<p>
    Text text text ...
</p>
<ol>
    <li>First element</li>
</ol>
<p>
    Other text text ...
</p>

Answer 1

La réponse courte est que ol les éléments ne sont pas légalement autorisés à l'intérieur p éléments.

Pour savoir pourquoi, voyons aller à la spécification ! Si vous pouvez vous familiariser avec la spécification HTML, elle répondra à bon nombre de vos questions et curiosités. Vous voulez savoir si un ol peut vivre à l'intérieur d'un p . Alors

4.5.1 Le p élément :

Catégories : Contenu du flux , Un contenu palpable .
Modèle de contenu : Formulation du contenu .

---

4.5.5 Le ol élément :

Catégories : Contenu du flux .
Modèle de contenu : Zéro ou plus li y script-supporting éléments.

La première partie dit que p ne peuvent contenir que des éléments la formulation du contenu (qui sont des éléments "en ligne" comme span y strong ).

La deuxième partie dit ol sont contenu du flux (les éléments de type "bloc" comme p y div ). Ainsi, ils ne peut pas être utilisé à l'intérieur d'un p .

---

ol et autres flow content peut être utilisé dans d'autres éléments comme div :

4.5.13 Le div élément :

Catégories : Contenu du flux , Un contenu palpable .
Modèle de contenu : Contenu du flux .

Answer 2

Le deuxième. Le premier n'est pas valable.

• Un paragraphe ne peut pas contenir de liste.
• Une liste ne peut pas contenir de paragraphe, sauf si ce paragraphe est entièrement contenu dans un seul élément de liste.

Un navigateur le traitera comme suit :

<p>tetxtextextete 
<!-- Start of paragraph -->
<ol>
<!-- Start of ordered list. Paragraphs cannot contain lists. Insert </p> -->
<li>first element</li></ol>
<!-- A list item element. End of list -->
</p>
<!-- End of paragraph, but not inside paragraph, discard this tag to recover from the error -->
<p>other textetxet</p>
<!-- Another paragraph -->

Answer 3

Allez-y http://validator.w3.org/ Téléchargez votre fichier html et il vous dira ce qui est valide et ce qui ne l'est pas.

Answer 4

En fait, vous ne devez mettre des éléments en ligne qu'à l'intérieur de la balise p donc dans votre cas ol est mieux à l'extérieur

Answer 5

<p>tetxetextex</p>
<ol><li>first element</li></ol>
<p>other textetxeettx</p>

Parce que les deux <p> y <ol> sont des éléments rendus sous forme de bloc.