Wikisage, de vrije encyclopedie van de tweede generatie en digitaal erfgoed, wenst u prettige feestdagen en een gelukkig 2025

Wikisage is op 1 na de grootste internet-encyclopedie in het Nederlands. Iedereen kan de hier verzamelde kennis gratis gebruiken, zonder storende advertenties. De Koninklijke Bibliotheek van Nederland heeft Wikisage in 2018 aangemerkt als digitaal erfgoed.

  • Wilt u meehelpen om Wikisage te laten groeien? Maak dan een account aan. U bent van harte welkom. Zie: Portaal:Gebruikers.
  • Bent u blij met Wikisage, of wilt u juist meer? Dan stellen we een bescheiden donatie om de kosten te bestrijden zeer op prijs. Zie: Portaal:Donaties.
rel=nofollow

Sjabloon:Lijst zonder opsommingstekens

Uit Wikisage
(Doorverwezen vanaf Sjabloon:Lzo)
Naar navigatie springen Naar zoeken springen


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 bedoelt, 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.

<syntaxhighlight lang=html style=padding:0;margin:0;>

  • item 1
  • item 2
  • item 3
  • item 4

</syntaxhighlight>

<syntaxhighlight lang=css style=padding:0;margin:0;> .plainlist ul {

   line-height: inherit;
   list-style: none none;
   margin: 0;

} .plainlist ul li {

   margin-bottom: 0;

}</syntaxhighlight>

rel=nofollow