5568 sujets

Sémantique web et HTML

Tout est dans le sujet mais pour plus de clarté, je cite un exemple :


<dl>
	<dt>Terme 1</dt>
	<dd>Déf 1</dd>
	<dt>Terme 2</dt>
		<dl>
			<dt>Terme 2.1</dt>
			<dd>Déf 2.1</dd>
		</dl>
	<dt>Terme 3</dt>
	<dd>Déf 3</dd>
</dl>


L'affichage sans CSS est très moche, mais ça fonctionne sous Firefox. Ceci est-il valide en XHTML 1.0 strict ? J'envisage de m'en servir pour des menus.
Modifié par SaturnFox (08 Mar 2007 - 11:25)
Reprendre la structure ci-dessus, qui est défectueuse. Les éléments <dl> ne peuvent pas contenir directement d'autres élément <dl>. Seul <dd> peut contenir des éléments de ce type.

Cela dit, utiliser des listes de définitions pour des menus de navigation (dynamiques, je suppose) revient à vider totalement cet élément du peu de sens qu'il possède en HTML...
Le mieux reste effectivement le bon vieux <ul> imbriqué... Si c'est pour associer un lien avec une description, on pourra très bien avoir :
<ul id="nav">
  <li>
    <a href="pouet.html">Pouet</a>
    <p>Une page de pouets</p>
  </li>
  <li>
    <a hrf="tagada.html">Tagada</a>
    <p>Les différents types de fraises tagada
    <ul>
      <li>
        <a href="tagada/rouge.html">Rouges</a>
        <p>Les tagadas rouges</p>
      </li>
      <li>
        <a href="tagada/vertes.html">Vertes</a>
        <p>Les tagadas vertes (pas encore mûres)</p>
      </li>
  </li>
</p>
Merci à tous les deux, Laurent pour m'avoir indiqué la structure correcte, et Florent pour m'avoir proposé une bien meilleure alternative !