L'option 2 est correcte: l'imbriqué <ul>
est un enfant de <li>
celui auquel il appartient.
Si vous validez , l'option 1 apparaît comme une erreur en html 5 - crédit: user3272456
Correct: en <ul>
tant qu'enfant de<li>
La bonne façon de créer une liste imbriquée HTML consiste à l'imbriquer en <ul>
tant qu'enfant du <li>
auquel il appartient. La liste imbriquée doit se trouver à l'intérieur de l' <li>
élément de la liste dans laquelle elle est imbriquée.
<ul>
<li>Parent/Item
<ul>
<li>Child/Subitem
</li>
</ul>
</li>
</ul>
Un élément de liste peut contenir une autre liste entière - c'est ce qu'on appelle «imbriquer» une liste. Il est utile pour des choses comme les tables des matières, comme celle au début de cet article:
- Chapitre un
- Section un
- Section deux
- Section trois
- Chapitre deux
- Chapitre trois
La clé de l'imbrication de listes est de se rappeler que la liste imbriquée doit se rapporter à un élément de liste spécifique. Pour refléter cela dans le code, la liste imbriquée est contenue dans cet élément de liste. Le code de la liste ci-dessus ressemble à ceci:
<ol>
<li>Chapter One
<ol>
<li>Section One</li>
<li>Section Two </li>
<li>Section Three </li>
</ol>
</li>
<li>Chapter Two</li>
<li>Chapter Three </li>
</ol>
Notez comment la liste imbriquée commence après le <li>
et le texte de l'élément de liste contenant («Chapitre un»); puis se termine avant le </li>
de l'élément de liste contenant. Les listes imbriquées constituent souvent la base des menus de navigation du site Web, car elles constituent un bon moyen de définir la structure hiérarchique du site Web.
Théoriquement, vous pouvez imbriquer autant de listes que vous le souhaitez, bien qu'en pratique, il peut devenir déroutant d'imbriquer les listes trop profondément. Pour les très grandes listes, il est préférable de diviser le contenu en plusieurs listes avec des en-têtes, ou même de le diviser en pages distinctes.