Webpad

Onderdelen met li markeren

Een li-element vormt een onderdeel van een lijst. Binnen ol krijgt het doorgaans een nummer; binnen ul meestal een opsommingsteken. De browserpresentatie kan met CSS veranderen zonder dat je de tekst van elk onderdeel hoeft aan te passen.

Zet een geneste lijst binnen het li waartoe ze inhoudelijk behoort. Een losse tweede lijst ernaast vertelt niet dezelfde relatie. Controleer of ieder onderdeel logisch op zichzelf leesbaar is. Een li mag ook uitgebreidere inhoud bevatten, maar een lange tekst wordt niet automatisch overzichtelijk doordat er een nummer voor staat. Gebruik de lijst om de inhoud te verduidelijken, niet om alle alinea's hetzelfde uiterlijk te geven.

Voorbeeld

<ul>
  <li>Gereedschap<ul><li>Meetlint</li></ul></li>
  <li>Materiaal</li>
</ul>

Naslag: MDN Web Docs over dit onderdeel. De uitleg hierboven is zelfstandig geformuleerd.

Verder binnen dit onderwerp: Een ol met een ander beginpunt.