Attributen
Dit element bevat de globale attributen.
compact Verouderd | Dit booleaanse attribuut geeft aan dat de lijst compact weergegeven moet worden. De interpretatie van dit attribuut is browserspecifiek. Gebruik in plaats daarvan CSS: om een vergelijkbaar effect te krijgen als het compact-attribuut, kan de CSS-eigenschap line-height worden gebruikt met een waarde van 80%. |
|---|---|
type Verouderd |
Dit attribuut stelt de opsommingstekenstijl voor de lijst in. De waarden gedefinieerd onder HTML3.2 en de overgangsversie van HTML 4.0/4.01 zijn:
Een vierde opsommingstekentype is gedefinieerd in de WebTV-interface, maar niet alle browsers ondersteunen het: Als dit niet aanwezig is en als geen CSS Let op
Gebruik dit attribuut niet, aangezien het verouderd is; gebruik in plaats daarvan de CSS |
Gebruiksnotities
- Het
<ul>-element dient om een verzameling items te groeperen die geen numerieke volgorde hebben, en waarbij hun volgorde in de lijst betekenisloos is. Doorgaans worden items van een ongeordende lijst weergegeven met een opsommingsteken, dat verschillende vormen kan hebben, zoals een punt, een cirkel of een vierkant. De stijl van het opsommingsteken wordt niet gedefinieerd in de HTML-beschrijving van de pagina, maar in de bijbehorende CSS, met behulp van delist-style-type-eigenschap. - De
<ul>- en<ol>-elementen mogen zo diep genest worden als gewenst. Bovendien mogen de geneste lijsten zonder beperking afwisselen tussen<ol>en<ul>. - Zowel het
<ol>- als het<ul>-element vertegenwoordigen een lijst van items. Ze verschillen doordat bij het<ol>-element de volgorde betekenisvol is. Om te bepalen welke u moet gebruiken, probeert u de volgorde van de lijstitems te wijzigen; als de betekenis verandert, moet het<ol>-element worden gebruikt, anders kunt u<ul>gebruiken.
Voorbeelden
Basisvoorbeeld
HTML
<ul>
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>Resultaat
Resultaat in de browser
Een lijst nesten
HTML
<ul>
<li>first item</li>
<li>
second item
<!-- Look, the closing </li> tag is not placed here! -->
<ul>
<li>second item first subitem</li>
<li>
second item second subitem
<!-- Same for the second nested unordered list! -->
<ul>
<li>second item second subitem first sub-subitem</li>
<li>second item second subitem second sub-subitem</li>
<li>second item second subitem third sub-subitem</li>
</ul>
</li>
<!-- Closing </li> tag for the li that
contains the third unordered list -->
<li>second item third subitem</li>
</ul>
<!-- Here is the closing </li> tag -->
</li>
<li>third item</li>
</ul>Resultaat
Resultaat in de browser
Geordende lijst binnen ongeordende lijst
HTML
<ul>
<li>first item</li>
<li>
second item
<!-- Look, the closing </li> tag is not placed here! -->
<ol>
<li>second item first subitem</li>
<li>second item second subitem</li>
<li>second item third subitem</li>
</ol>
<!-- Here is the closing </li> tag -->
</li>
<li>third item</li>
</ul>Resultaat
Resultaat in de browser
Technische samenvatting
| Content categories |
Flow content, and if the <ul> element's children include at least
one <li> element,
palpable content.
|
|---|---|
| Permitted content |
Zero or more <li>,
<script> and
<template> elements.
|
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | Any element that accepts flow content. |
| Implicit ARIA role |
list
|
| Permitted ARIA roles |
directory, group,
listbox, menu,
menubar, none,
presentation,
radiogroup, tablist,
toolbar, tree
|
| DOM Interface | HTMLUListElement |