Sjabloon:Lijst zonder opsommingstekens

Uit Wiki Raamsdonks Erfgoed
Versie door Colani (overleg | bijdragen) op 4 okt 2024 om 14:43 (1 versie geïmporteerd)
(wijz) ← Oudere versie | Huidige versie (wijz) | Nieuwere versie → (wijz)
Sjabloondocumentatie​[bekijk] [bewerk] [ververs] [geschiedenis]

Het sjabloon Lijst zonder opsommingstekens dient gebruikt te worden voor het maken van een verticale lijst zonder opsommingstekens (bullets). Het huidige gebruik van <br /> voor een ogenschijnlijk zelfde lijst is semantisch incorrect en wordt afgeraden.

Uitleg

Het is van belang semantisch onderscheid te maken en een lijst als een lijst en een break als een break te definiëren. Mocht een eenvoudige browser niet de mogelijkheden hebben voor de gewenste weergave, dan zal deze nog steeds de lijst als een lijst behandelen en niet als break. User agents begrijpen beter wat wordt bedoeld, waardoor het surfen voor (visueel) gehandicapten of mensen met een tekstbrowser makkelijker wordt.

Code Resultaat
{{lzo|item1|item2|item3}}
  • item1
  • item2
  • item3
{{lzo|Winnaar|Tweede|Derde|item_style=color:blue;}}
  • Winnaar
  • Tweede
  • Derde
{{lzo|Winnaar|Tweede|Derde|item1_style=background-color:yellow;|item2_style=background-color:silver;}}
  • Winnaar
  • Tweede
  • Derde

Technische details

Lijst zonder opsommingstekens werkt door middel van een <div> met plainlist als class, zodat de CSS hieronder wordt toegepast.

<div class="plainlist">
  <ul>
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
  </ul>
</div>
.plainlist ul {
    line-height: inherit;
    list-style: none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}

Zie ook