Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Lijsten

Het element <li>

Het <li>-HTML-element wordt gebruikt om een item in een lijst weer te geven. Het moet zich in een bovenliggend element bevinden: een geordende lijst (<ol>), een ongeordende lijst (<ul>), of een menu (<menu>). In menu's en ongeordende lijsten worden lijstitems meestal weergegeven met opsommingstekens. In geordende lijsten worden ze meestal weergegeven met een oplopende teller aan de linkerkant, zoals een getal of letter.

Code
<p>Apollo astronauts:</p>

<ul>
  <li>Neil Armstrong</li>
  <li>Alan Bean</li>
  <li>Peter Conrad</li>
  <li>Edgar Mitchell</li>
  <li>Alan Shepard</li>
</ul>
Resultaat in de browser

Attributen

Dit element bevat de globale attributen.

valueDit geheeltallige attribuut geeft de huidige ordinale waarde van het lijstitem aan, zoals gedefinieerd door het <ol>-element. De enige toegestane waarde voor dit attribuut is een getal, zelfs als de lijst wordt weergegeven met Romeinse cijfers of letters. Lijstitems die hierop volgen, gaan door met nummeren vanaf de ingestelde waarde. Dit attribuut heeft geen betekenis voor ongeordende lijsten (<ul>) of voor menu's (<menu>).
type Verouderd

Dit tekenattribuut geeft het nummeringstype aan:

  • a: kleine letters
  • A: hoofdletters
  • i: kleine Romeinse cijfers
  • I: hoofdletter Romeinse cijfers
  • 1: getallen

Dit type overschrijft het type dat wordt gebruikt door het bovenliggende <ol>-element, indien aanwezig.

Opmerking

Dit attribuut is verouderd; gebruik in plaats daarvan de CSS-eigenschap list-style-type.

Voorbeelden

Zie de pagina's <ol> en <ul> voor uitgebreidere voorbeelden.

Geordende lijst

HTML
<ol>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ol>

Resultaat

Resultaat in de browser

Geordende lijst met een aangepaste waarde

HTML
<ol type="I">
  <li value="3">third item</li>
  <li>fourth item</li>
  <li>fifth item</li>
</ol>

Resultaat

Resultaat in de browser

Ongeordende lijst

HTML
<ul>
  <li>first item</li>
  <li>second item</li>
  <li>third item</li>
</ul>

Resultaat

Resultaat in de browser

Technische samenvatting

Inhoudscategorieën Geen.
Toegestane inhoud Flow-inhoud.
Weglaten van tags De eindtag kan worden weggelaten als het lijstitem onmiddellijk wordt gevolgd door een ander <li>-element, of als er geen verdere inhoud meer is in het bovenliggende element.
Toegestane bovenliggende elementen Een <ul>-, <ol>- of <menu>-element. Hoewel het geen conform gebruik is, kan ook het verouderde <dir> een bovenliggend element zijn.
Impliciete ARIA-rol listitem wanneer kind van een ol, ul of menu
Toegestane ARIA-rollen menuitem, menuitemcheckbox, menuitemradio, option, none, presentation, radio, separator, tab, treeitem
DOM-interface HTMLLIElement

Zie ook

Verwante elementen