Ungeordnete Liste in HTML5 mit einer Liste/Gruppe name

Wie würden Sie erstellen eine ungeordnete Liste von Elementen in HTML5 mit einem Gruppen-Namen an der Spitze? Die Elemente Aussehen sollten eingerückt.

Ex:

GroupName1
    Item1
    Item2
    Item3
GroupName2
    Item4
    Item5
  • Haben Sie einen Blick auf das Recht der Frage-box: Einrücken von code durch 4 Leerzeichen. Scheint, Sie könnte erreichen diesen Effekt mit einer verschachtelten Liste.
  • danke für den edit
InformationsquelleAutor Mark13426 | 2011-06-23
  1. 4

    Warum nicht einfach eine Liste innerhalb einer Liste?

    <ul>
  <li>
    Group 1
    <ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
    </ul>
  </li>
  <li>
    Group 2
    <ul>
      <li>Item 4</li>
      <li>Item 5</li>
    </ul>
  </li>
</ul>
    InformationsquelleAutor scurker
  2. 3

    Rechne ich scurker Antwort ist der Weg zu gehen, aber wenn Ihre Gruppen waren wirklich getrennt von einander sind, und somit nicht wirklich Sinn machen, in einer großen Liste, Sie könnten dies tun:

    <section>
    <h1>GroupName1</h1>

    <ul>
        <li>Item1</li>
        <li>Item2</li>
        <li>Item3</li>
    </ul>
</section>

<section>
    <h1>GroupName2</h1>

    <ul>
        <li>Item4</li>
        <li>Item5</li>
    </ul>
</section>
    InformationsquelleAutor Paul D. Waite
Schreibe einen Kommentar