ul Nečíslovaný seznam

Obsahuje Libovolný počet tagů li (minimálně ale jeden).

Čtěte také:

Formátování v CSS:

Použití nečíslovaného seznamu

Nečíslovaný seznam se používá v případě, kdy máme nějaký seznam, ale na pořadí jeho položek nezáleží (položky nejsou očíslované).

Typicky je to navigační menu, seznam odkazů nebo přehled činností firmy, apod.

HTML kód:

<ul>
    <li>Jedna položka seznamu</li>
    <li>Další položka seznamu</li>
</ul>

Výsledek:

  • Jedna položka seznamu
  • Další položka seznamu

Vnořování seznamů

Vnořování seznamů se hodí, když jedna položka seznamu obsahuje opět nějaký seznam. Typicky je to například rozvětvené navigační menu nebo třeba obsah knihy (kapitoly mají podkapitoly).

Častou chybou bývá, že se vnořovaný seznam zapíše přímo do tagu ul, ale to je špatně, i když to některé prohlížeče mohou zobrazit tak jak chceme.

Špatně:

<ul>
    <li>Jedna položka seznamu</li>
    <ul>
        <li>obsahuje seznam</li>
        <li>s více položkami</li>
   </ul>  
</ul>

Při vnořování seznamů je potřeba mít na paměti, že vnořený seznam je uvnitř příslušné položky, tedy začíná přímo za textem položky a končí ještě před jejím koncovým tagem li.

Dobře:

<ul>
    <li>Jedna položka seznamu
        <ul>
            <li>obsahuje seznam</li>
            <li>s více položkami</li>
        </ul>
    </li>
</ul>

Výsledek:

  • Jedna položka seznamu
    • obsahuje seznam
    • s více položkami