Template:Wbr/doc

From The Goon Show Depository

< Template:Wbr

Revision as of 18:19, 26 July 2022 by Kurt (talk | contribs) (1 revision imported)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Wbr indicates a word break opportunity. This template includes the HTML tag ‎<wbr />, which is used to tell the browser of an optional, non-hyphenated line-break. It can be used with:

  • {{nbsp}} or the equivalent &nbsp; (non-breaking space)
  • {{nowrap}} or the equivalent <span style="white-space: nowrap;">...</span> or <span class="nowrap">...</span> (character string that will not break even at a normal space)

to carefully control line-breaking where this is important.

This template can safely be substituted, though there is no particular reason to do so. For breaking up long words, use {{Soft hyphen}} instead.

Usage

Use is simple; there are no parameters:

or

Controlling line-breaking in infoboxes

This template can be used to cause an indentation after a linebreak, in unbulleted lists inside infoboxes and in tables with constrained cell widths, by using {{wbr}}&nbsp; between words in an entry, so that when they wrap they are not mistaken for separate entries. See example infobox to the side.

Example infobox (rendered to the side of the example code):

Test Infobox II: The Revenge
Starring
  • Jane Smith
  • Johannes-Friedrich​ Zauberzunge​ von der Hasenpfeffer
  • John Garcia
{{Infobox film|
|name=Test Infobox II: The Revenge
|...
|starring={{Plainlist|
* Jane Smith
* {{nobr|Johannes-Friedrich}}{{wbr}}&nbsp;Zauberzunge{{wbr}}&nbsp;{{nobr|von der Hasenpfeffer}}
* John Garcia
}}
|...
}}

Breaking up slashes

When there are long words on both sides of a slash, this template may be used to induce a line break after the slash.

installation/​execution
installation/{{wbr}}execution

Technical details

This template encapsulates the code <wbr />&#8203;, i.e. the HTML5 line break opportunity element followed by the HTML character entity for the U+200B ZERO WIDTH SPACE character. This approach is superior to using either one or the other in isolation, for increased browser support. The ‎<wbr /> element is compatible with all browsers except Internet Explorer inclusive of and since version 7 (as of September 2015). Meanwhile, the ZWS character is compatible with all browsers except Internet Explorer earlier than (but not inclusive of) version 7. Thus, between the two approaches, the dual use of which has no ill effects, this template works in all browsers still likely to be in use, including Internet Explorer regardless of version.