Hiérarchies de listes : à coté ou dans L'item ?

Bonjour,

<ul>
<li>element</li>
<li>element</li>
<ul>
<li>sous-element</li>
<li>sous-element</li>
<li>sous-element</li>
</ul>
<ul>

ou

<ul>
<li>element</li>
<li>element
<ul>
<li>sous-element</li>
<li>sous-element</li>
<li>sous-element</li>
</ul>
</li>
<ul>

?

D'après la DTD HTML 4.01, les éléments <ul> ne peuvent avoir que des enfants <li>. Donc

<ul>
<li>element</li>
<li>element
<ul>
<li>sous-element</li>
<li>sous-element</li>
<li>sous-element</li>
</ul>
</li>
<ul>

D'ailleurs c'est logique, vu que la sous liste est bien un item de la liste parente.

Le deuxième.
Le premier est invalide car on a un UL qui est enfant direct de UL, alors que UL n'accepte que LI comme fils.
Par contre, il faut se poser la question entre :

<ul>
<li>element</li>
<li>element</li>
<li><ul>
<li>sous-element</li>
<li>sous-element</li>
<li>sous-element</li>
</ul></li>
<ul>

et le deuxième code que tu as donné.
Le choix dépend de ce que tu veux faire, mais avec ton deuxième code, la sous-liste à un parent commun avec son "titre", qu'il faudrait d'ailleurs baliser comme tel :

<ul>
  <li>élément ;</li>
  <li>élément ;</li>
  <li>
    <h2>titre de la sous-liste :</h2>
    <ul>
      <li>sous-élément,</li>
      <li>sous-élément,</li>
      <li>sous-élément.</li>
    </ul>
  <li>élément.</li>
</ul>

Une titre dans un item d'une liste ?

Le plus logique me semble d'introduire la sous-liste avec l'intitulé de l'item qui l'encadre, intitulé qui est ainsi au même rend que ceux des items de la même liste ...