Frage zu Listen in HTML

[Tannenbaum]

Hi Leute!

Angenommen ich habe eine List, in der Rezepte drinstehen. Nun möchte ich für diese Liste eine Überschrift haben (z.B. "Kochrezepte"). Wie setze ich das ganze am besten in HTML-Code um?
Man könnte das ja auf folgenden Wegen lösen:

  
---------------------------------- (1.1)  
<ul>  
   <li class="headline">Kochrezepte</li>  
   <li>Rezept 1</li>  
   <li>Rezept 2</li>  
   <li>...</li>  
</ul>  
---------------------------------- (1.2)  
<ul>  
   <li><h1>Kochrezepte</h1></li>  
   <li>Rezept 1</li>  
   <li>Rezept 2</li>  
   <li>...</li>  
</ul>  
---------------------------------- (1.3)  
<h1>Kochrezepte</h1>  
<ul>  
   <li>Rezept 1</li>  
   <li>Rezept 2</li>  
   <li>...</li>  
</ul>  
----------------------------------  

Und was ist bei einer verschachtelten Liste?

  
---------------------------------- (2.1)  
<ul>  
   <li class="headline">Kochrezepte</li>  
   <li>Fischrezepte</li>  
   <li><h1>Fleischrezepte</h1>  
      <ul>  
         <li>Rezept 1</li>  
         <li>Rezept 2</li>  
         <li>...</li>  
      </ul>  
   </li>  
   <li>Vegetarische Rezepte</li>  
</ul>  
---------------------------------- (2.2)  
<ul>  
   <li class="headline">Kochrezepte</li>  
   <li>Fischrezepte</li>  
   <li>  
      <ul>  
         <li><h1>Fleischrezepte</h1></li>  
         <li>Rezept 1</li>  
         <li>Rezept 2</li>  
         <li>...</li>  
      </ul>  
   </li>  
   <li>Vegetarische Rezepte</li>  
</ul>  
----------------------------------  

Wofür soll ich mich entscheiden, bzw. wovon hängt es ab, welchen Weg ich wählen sollte?

Danke schonmal,
euer Tannenbäumchen (nicht nur an Weihnachten)

[Konrad L. M. Rudolph]

Moin,

Man könnte das ja auf folgenden Wegen lösen:
[snip]

Erscheint mir zu aufwendig, und auch nicht korrekt geschachtelt.

Du willst eher folgendes:

  
<hx>Kochrezepte</hx>  
<ul>  
    <li>  
        <hx+1>Fischgerichte</hx+1>  
        <ul>  
            <li>Bouillabaisse</li>  
            <li>Fish &amp; Chips</li>  
        </ul>  
    </li>  
    <li>  
        <hx+1>Geflügel</hx+1>  
        <ul>  
            <li>Coq au Vin</li>  
            <li>Chicken Wings</li>  
        </ul>  
    </li>  
    …  
</ul>  

lg, Konrad -

[Christian S.]

Hi,

Ich sehe es genauso wie Konrad.

Die Überschriften zählen meiner Meinung nach nicht zu den ListItems dazu.
Du zählst ja keine Überschriften auf, sondern Rezepte.

Also sollten die Überschriften über dem <ul> stehen.

Gruß!

[Beat]

Eine semantische Adaption an den HTML5 Zwischenstand.

<div class=section>
 <hx>Titel</hx>
 <ul>
  <li>Item</li>
  <li>Item</li>
 </ul>
</div>

HTML5 schlägt ein <section> Element vor.

mfg Beat