Template:Flatlist/doc: Difference between revisions

(11 intermediate revisions by the same user not shown)

Line 1:

</noinclude>{{redirect|Template:Inline list|a navbox listing templates used within lines of text to mark problems needing attention|Template:Inline cleanup tags}}

This template provides a [[Web Content Accessibility Guidelines|WCAG]]/ISO-standards-compliant accessible alternative to comma- or dash- (or other single character-) separated lists, per [[WP:FLATLIST]] and [[WP:HLIST]].

This template provides a [[Web Content Accessibility Guidelines|WCAG]]/ISO-standards-compliant accessible alternative to comma- or dash- (or other single character-) separated lists, per [[WP:FLATLIST]] and [[MOS:HLIST]].

Lists output by {{tl|Flatlist}} and {{tl|Hlist}} are semantically and visually identical, and differ only in the wiki-markup used to create the lists.

Line 19:

Line 24:

}}

~~This~~ template ~~can be~~ used with ~~or without~~ {{tl|endflatlist}}. For navigation boxes using {{tl|navbox}}, one can set {{para|listclass|hlist}}, and achieve the same styling without using this template. For image captions, list (i.e. asterisk) markup does not work, so consider using {{tl|hlist}} instead.

If this template is used with no parameters, {{tl|endflatlist}} is required. For navigation boxes using {{tl|navbox}}, one can set {{para|listclass|hlist}}, and achieve the same styling without using this template. For image captions, list (i.e. asterisk) markup does not work, so consider using {{tl|hlist}} instead.

== Parameters ==

Line 90:

Line 95:

== Examples ==

{{flatlist|

* [[cat]]

Line 113:

Line 118:

=== Alternative syntax ===

* [[cat]]

Line 136:

Line 141:

=== Syntax for ordered lists ===

{{flatlist|

# [[first]]

# [[second]]

# [[third]]

# [[3|third]]

# [[fourth]]

# [[fifth]]

Line 152:

Line 157:

# [[first]]

# [[second]]

# [[third]]

# [[3|third]]

# [[fourth]]

# [[fifth]]

Line 159:

Line 164:

=== Using optional parameters ===

{{flatlist |indent=2

|style=border:solid 1px silver; background:lightyellow;

Line 184:

Line 189:

== Technical details ==

This template uses the <code>.hlist</code> [[Cascading Style Sheets|CSS]] class defined in [[MediaWiki:Common.css]] to generate horizontal lists. It causes ordinary html list items to be displayed inline (horizontally), where they would normally display as block elements (vertically). The class also generates the [[interpunct]]s between list items and parentheses around nested lists~~. Some of the CSS used is not compatible with some older browsers, notably Internet Explorer 6 and 7~~.

This template uses the <code>.hlist</code> [[Cascading Style Sheets|CSS]] class defined in [[MediaWiki:Common.css]] to generate horizontal lists. It causes ordinary html list items to be displayed inline (horizontally), where they would normally display as block elements (vertically). The class also generates the [[interpunct]]s between list items and parentheses around nested lists.

{| class="wikitable"

Line 191:

Line 196:

! HTML

|- style="vertical-align:top;"

| <~~pre~~>

| <syntaxhighlight lang="wikitext">

{{flatlist|

* cat

Line 200:

Line 205:

* pig

}}

</~~pre~~>

</syntaxhighlight>

| {{nowiki2|tag=pre|

{{flatlist|

@@ Line 1: / Line 1: @@
+<noinclude>
+</noinclude>{{redirect|Template:Inline list|a navbox listing templates used within lines of text to mark problems needing attention|Template:Inline cleanup tags}}
 {{Documentation subpage}}
 <!-- Add categories where indicated at the bottom of this page and interwikis at Wikidata -->
+{{used in system|in [[MediaWiki:Pageinfo-header]]}}
 {{tlr|startflatlist|flt}}
 {{Uses TemplateStyles|Template:Hlist/styles.css}}
-This template provides a [[Web Content Accessibility Guidelines|WCAG]]/ISO-standards-compliant accessible alternative to comma- or dash- (or other single character-) separated lists, per [[WP:FLATLIST]] and [[WP:HLIST]].
+This template provides a [[Web Content Accessibility Guidelines|WCAG]]/ISO-standards-compliant accessible alternative to comma- or dash- (or other single character-) separated lists, per [[WP:FLATLIST]] and [[MOS:HLIST]].
+Lists output by {{tl|Flatlist}} and {{tl|Hlist}} are semantically and visually identical, and differ only in the wiki-markup used to create the lists.
 {{TOC limit|3}}
@@ Line 19: / Line 24: @@
 }}
-This template can be used with or without {{tl|endflatlist}}. For navigation boxes using {{tl|navbox}}, one can set {{para|listclass|hlist}}, and achieve the same styling without using this template. For image captions, list (i.e. asterisk) markup does not work, so consider using {{tl|hlist}} instead.
+If this template is used with no parameters, {{tl|endflatlist}} is required. For navigation boxes using {{tl|navbox}}, one can set {{para|listclass|hlist}}, and achieve the same styling without using this template. For image captions, list (i.e. asterisk) markup does not work, so consider using {{tl|hlist}} instead.
 == Parameters ==
@@ Line 90: / Line 95: @@
 == Examples ==
-<syntaxhighlight lang="text">
+<syntaxhighlight lang="wikitext">
 {{flatlist|
 * [[cat]]
@@ Line 113: / Line 118: @@
 === Alternative syntax ===
-<syntaxhighlight lang="text">
+<syntaxhighlight lang="wikitext">
 {{startflatlist}}
 * [[cat]]
@@ Line 136: / Line 141: @@
 === Syntax for ordered lists ===
-<syntaxhighlight lang="text">
+<syntaxhighlight lang="wikitext">
 {{flatlist|
 # [[first]]
 # [[second]]
-# [[third]]
+# [[3|third]]
 # [[fourth]]
 # [[fifth]]
@@ Line 152: / Line 157: @@
 # [[first]]
 # [[second]]
-# [[third]]
+# [[3|third]]
 # [[fourth]]
 # [[fifth]]
@@ Line 159: / Line 164: @@
 === Using optional parameters ===
-<syntaxhighlight lang="text">
+<syntaxhighlight lang="wikitext">
 {{flatlist |indent=2
 |style=border:solid 1px silver; background:lightyellow;
@@ Line 184: / Line 189: @@
 == Technical details ==
-This template uses the <code>.hlist</code> [[Cascading Style Sheets|CSS]] class defined in [[MediaWiki:Common.css]] to generate horizontal lists. It causes ordinary html list items to be displayed inline (horizontally), where they would normally display as block elements (vertically). The class also generates the [[interpunct]]s between list items and parentheses around nested lists. Some of the CSS used is not compatible with some older browsers, notably Internet Explorer 6 and 7.
+This template uses the <code>.hlist</code> [[Cascading Style Sheets|CSS]] class defined in [[MediaWiki:Common.css]] to generate horizontal lists. It causes ordinary html list items to be displayed inline (horizontally), where they would normally display as block elements (vertically). The class also generates the [[interpunct]]s between list items and parentheses around nested lists.
 {| class="wikitable"
@@ Line 191: / Line 196: @@
 ! HTML
 |- style="vertical-align:top;"
-| <pre>
+| <syntaxhighlight lang="wikitext">
 {{flatlist|
 * cat
@@ Line 200: / Line 205: @@
 * pig
 }}
-</pre>
+</syntaxhighlight>
 | {{nowiki2|tag=pre|
 {{flatlist|