imported>Oetterer |
|||
| Zeile 2: | Zeile 2: | ||
<!-- PLEASE ADD CATEGORIES AT THE BOTTOM OF THIS PAGE --> | <!-- PLEASE ADD CATEGORIES AT THE BOTTOM OF THIS PAGE --> | ||
| − | |||
This template provides a [[Web Content Accessibility Guidelines|WCAG]]/ISO-standards-compliant accessible alternative to <code><nowiki><br /></nowiki></code> separated lists, per [[WP:UBLIST]] and [[WP:PLIST]] | This template provides a [[Web Content Accessibility Guidelines|WCAG]]/ISO-standards-compliant accessible alternative to <code><nowiki><br /></nowiki></code> separated lists, per [[WP:UBLIST]] and [[WP:PLIST]] | ||
| Zeile 51: | Zeile 50: | ||
==Method== | ==Method== | ||
{{tl|Plainlist}} works by constructing a div with the CSS class "plainlist" which has the following style: | {{tl|Plainlist}} works by constructing a div with the CSS class "plainlist" which has the following style: | ||
| − | < | + | <syntaxhighlight lang="css"> |
.plainlist ul { | .plainlist ul { | ||
line-height: inherit; | line-height: inherit; | ||
| Zeile 60: | Zeile 59: | ||
margin-bottom: 0; | margin-bottom: 0; | ||
} | } | ||
| − | </ | + | </syntaxhighlight> |
==See also== | ==See also== | ||
Aktuelle Version vom 10. Oktober 2022, 08:47 Uhr
 | This is a documentation subpage for Vorlage:Plainlist. It contains usage information, categories and other content that is not part of the original vorlage page. |
This template provides a WCAG/ISO-standards-compliant accessible alternative to <br /> separated lists, per WP:UBLIST and WP:PLIST
Usage[Quelltext bearbeiten]
{{plainlist}} starts a plain (i.e. unbulleted) list, such as:
It uses proper HTML list markup, which is more standards-compliant and more accessible than separating list items with <br />. Detailed reasons for using this template can be found at WP:UBLIST.
This template can be used with or without {{endplainlist}}. It is an alternative to {{unbulleted list}}, which performs the same function in a more concise but less wiki-style manner. Note that {{unbulleted list}} will work inside image captions, whereas {{plainlist}} does not.
Examples[Quelltext bearbeiten]
{{plainlist|
* [[cat]]
* [[dog]]
* [[horse]]
* [[cow]]
* [[sheep]]
* [[pig]]
}}
Parameters[Quelltext bearbeiten]
- class – adds a CSS class to the containing div.
- style – adds CSS style options. Complex styles should not be used in articles (per wp:deviations) but may be acceptable on user, project, and talk pages.
- Example:
|style=border:solid 1px silver; background:lightyellow
- Example:
- indent – indents the list by a number of standard indents (one indent being 1.6em), particularly handy for inclusion in an indented discussion thread.
- Example:
|indent=2
- Example:
Method[Quelltext bearbeiten]
{{Plainlist}} works by constructing a div with the CSS class "plainlist" which has the following style:
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ul li {
margin-bottom: 0;
}
See also[Quelltext bearbeiten]
- {{startplainlist}}
- {{endplainlist}}
- {{unbulleted list}}
- {{flatlist}} and {{hlist}} (Replacements for comma- or dash-separated lists)
- {{ordered list}} and {{unordered list}}