Template:Em/doc: Difference between revisions

From Zoophilia Wiki
Jump to navigationJump to search
meta>SMcCandlish
documenting optional parameters
Ookami (talk | contribs)
m 45 revisions imported
 
(40 intermediate revisions by 20 users not shown)
Line 1: Line 1:
{{Documentation subpage}}
{{Documentation subpage}}
<!-- PLEASE ADD CATEGORIES AND INTERWIKIS AT THE BOTTOM OF THIS PAGE -->
<!-- Add categories where indicated at the bottom of this page and interwikis at Wikidata -->
{{High-use|8950}}
{{for|the em dash template|Template:Em dash}}


== Usage ==
==Purpose==
This template makes it faster and easier to apply [[HTML]]'s {{tag|em}} {{em|emphasis}} markup to text, and more importantly to indicate to human and bot editors they should not use <code><nowiki>''...''</nowiki></code> or {{tag|i}} typographic italicization to replace the intentional and semantically meaningful <code><nowiki><em></nowiki></code>.  Strong emphasis is usually rendered visually in an italic (oblique a.k.a. slanted) typeface by default on graphical browsers, but can be parsed and acted upon in customizable ways with style sheets, apps and text-to-speech screen readers. It is said to be [[semantic markup]], i.e. markup that conveys meaning or context, not just visual appearance. Simple italicizing is purely typographic and is semantically meaningless. It is most often used for titles of publications (books, films, albums, etc.), foreign words and phrases, [[words as words]] (when quotation marks are not used for that purpose), names of ships, [[Binomial nomenclature|scientific names of organisms]] and other cases where stylistic conventions demand italics, but they convey no sense of emphasis.  The average reader, and average editor, do not and need not care about this distinction most of the time, but it can be important and editors who understand it can use this template as a baseline insurance against accidental or careless replacement by bots and human editors.


:{{tlnull|em|<var>text to be emphasized</var>}}
==Usage==
: {{tnull|em|<var>text to be emphasized</var>}}
or, if the text to be emphasized contains an equals sign:
: {{tnull|em|'''1{{=}}'''<var>text to be emphasized</var>}}


or
These both render as:
: {{em|text to be emphasized}}
 
This template puts intentional and explicit {{tag|em}} (emphasis) [X]HTML markup around the text provided as the first parameter. It is safest to always use the {{para|1}} syntax.


:{{tlnull|em|'''1{{=}}'''<var>text to be emphasized if it contains an equals sign</var>}}
===Optional parameters===
Advanced HTML values can be passed through the template to the HTML code:
* {{para|role}} takes a WAI-ARIA role; adds <code>role="<var>rolename</var>"</code> to the HTML code
* {{para|class}} takes a class name (or multiple class names, separated by spaces); adds <code>class="<var>classname[s]</var>"</code> to the HTML code
* {{para|style}} takes inline CSS input; adds <code>style="<var>CSS directive[s]</var>"</code> to the HTML code
* {{para|id}} takes a valid, unique HTML id (must begin with an alphabetic letter); adds <code>id="<var>name</var>"</code> to the HTML code
* {{para|title}} takes text, which cannot be marked up in any way, and displays it as a pop-up "tooltip" (in most browsers) when the cursor hovers over the span


These both render as:
===Use cases===
{{details|Wikipedia:WikiProject Usability/Scannability}}
This template is made to [[:wikt:emphasis|mildly emphasize]] an important word or phrase in a passage, in a way that is (unlike simply italicizing it) [[Semantic markup|semantically meaningful markup]]. With this technique, the emphasized text stands out from the rest of the nearby text in most if not all visual browsers and some text-to-speech screen readers (which usually ignore purely typographic italicization), without strongly affecting scannability. It can also be parsed by user agents and other software as definitively indicating emphasis, not just some typographic boldface effect for appearance's sake. It should therefore only be used sparingly in articles, to highlight something being stressed (e.g., to represent strong vocal emphasis). Example:


:{{em|text to be emphasized}}
* "<code><nowiki>Contrary to reports, she was {{em|not}} dead after all.</nowiki></code>"<br />"Contrary to reports, she was {{em|not}} dead after all."


This template puts intentional and explicit <code><nowiki><em>...</em></nowiki></code> (emphasis) markup around the text provided as the one and only parameter. It is safest to always use the {{para|1}} syntax.
It is also occasionally used for disambiguation, e.g. between two adjacent but different uses of the same word or homonym ("What it {{em|is}} is a kind of custard."), but this usage is not often encyclopedic and can (when not found in a direct quotation) usually be rewritten to avoid the awkward construction.


The purpose of this template is to make it faster and easier to apply HTML "emphasis" style to text, and more importantly to completely prevent bad-behaving bots from replacing intentionally and semantically meaningful <code>&lt;em&gt;</code> (which is usually rendered visually in an italic typeface by default on graphical browsers, but can be parsed and acted upon in customizable ways with style sheets, apps and text-to-speech screen readers) with purely typographic and semantically meaningless simple italicization (as used for book titles, etc.) in either <code>&lt;i&gt;</code> or <code><nowiki>''</nowiki></code> format.  The average user, and average editor, do not and need not care about this distinction most of the time, but the distinction can be important and editors who understand it can use this template as a baseline insurance against accidental or careless replacement by bots (or humans for that matter).
==When this template should not be used==
Because {{tnull|em}} is strictly for semantic (meaningful) emphasis, it should not be used for layout, typography conventions (titles, foreign words, etc.), and other cases that are not true emphasis. In these different cases, italics wikicode <code><nowiki>''...''</nowiki></code> (which resolves to {{tag|i}} in the browser or other user agent) should be used instead (or special markup for a particular case, such as {{tlx|var|...}} or {{tag|var}} for variables in computer science and mathematics).  It should also not be used when the text to which it is applied is already italicized for some other reason (e.g., it is part of a book title); in such cases use {{tlx|strong}} instead.  Usually avoid using {{tnull|em}} in non-quoted sentences that end in an exclamation point. And it is usually excessive to use it on terms that are already wikilinked, since the link markup acts as a form of emphasis itself.


===Optional parameters===
*"''The New York Times'' is an American daily newspaper." This example should use <code><nowiki>''The New York Times''</nowiki></code>.
Advanced HTML values can be passed through the template to the HTML code:
*{{para|class}} takes a class name (or multiple class names, separated by commas); adds <code>class="<var>classname[s]</var>"</code> to the HTML code
*{{para|style}} takes inline CSS input; addes <code>style="<var>CSS directive[s]</var>"</code> to the HTML code
*{{para|lang}} takes ISO language codes in one or two part form (e.g. <code>fr</code> or <code>fr-CA</code>); adds <code>lang="<var>language-code</var>" xml:lang="<var>language-code</var>"</code> to the HTML code. Generally only used for foreign language material (e.g. in a quotation). Do not use for English unless the material enclosed in this markup is extremely dialectal, and the dialect has an ISO code (do not try to make up codes).
*{{para|id}} takes a valid, unique HTML id (must begin with an alphabetic letter); adds <code>id="<var>name</var>"</code> to the HTML code


== See also ==
== See also ==
*{{tlx|strong}} - same thing but for preventing <code>&lt;strong&gt;</code> markup being changed into <code>&lt;b&gt;</code> or <code><nowiki>'''</nowiki></code>
* {{tlx|Strong}} – for bold rather than italic semantic emphasis
* {{tlx|Strongbad}} – same but red
* {{tlx|Stronggood}} – same but green
 
{{Semantic markup templates}}


<includeonly>
<includeonly>{{Sandbox other||
<!-- CATEGORIES AND INTERWIKIS HERE, THANKS -->
<!-- Categories below this line; interwikis at Wikidata -->
[[Category:Typing aid templates]]
[[Category:Semantic markup templates]]
</includeonly>
[[Category:Wikipedia XHTML tag-replacing templates]]
}}</includeonly>

Latest revision as of 04:26, 3 September 2020

Purpose

This template makes it faster and easier to apply HTML's <em>...</em> emphasis markup to text, and more importantly to indicate to human and bot editors they should not use ''...'' or <i>...</i> typographic italicization to replace the intentional and semantically meaningful <em>. Strong emphasis is usually rendered visually in an italic (oblique a.k.a. slanted) typeface by default on graphical browsers, but can be parsed and acted upon in customizable ways with style sheets, apps and text-to-speech screen readers. It is said to be semantic markup, i.e. markup that conveys meaning or context, not just visual appearance. Simple italicizing is purely typographic and is semantically meaningless. It is most often used for titles of publications (books, films, albums, etc.), foreign words and phrases, words as words (when quotation marks are not used for that purpose), names of ships, scientific names of organisms and other cases where stylistic conventions demand italics, but they convey no sense of emphasis. The average reader, and average editor, do not and need not care about this distinction most of the time, but it can be important and editors who understand it can use this template as a baseline insurance against accidental or careless replacement by bots and human editors.

Usage

{{em|text to be emphasized}}

or, if the text to be emphasized contains an equals sign:

{{em|1=text to be emphasized}}

These both render as:

text to be emphasized

This template puts intentional and explicit <em>...</em> (emphasis) [X]HTML markup around the text provided as the first parameter. It is safest to always use the |1= syntax.

Optional parameters

Advanced HTML values can be passed through the template to the HTML code:

  • |role= takes a WAI-ARIA role; adds role="rolename" to the HTML code
  • |class= takes a class name (or multiple class names, separated by spaces); adds class="classname[s]" to the HTML code
  • |style= takes inline CSS input; adds style="CSS directive[s]" to the HTML code
  • |id= takes a valid, unique HTML id (must begin with an alphabetic letter); adds id="name" to the HTML code
  • |title= takes text, which cannot be marked up in any way, and displays it as a pop-up "tooltip" (in most browsers) when the cursor hovers over the span

Use cases

This template is made to mildly emphasize an important word or phrase in a passage, in a way that is (unlike simply italicizing it) semantically meaningful markup. With this technique, the emphasized text stands out from the rest of the nearby text in most if not all visual browsers and some text-to-speech screen readers (which usually ignore purely typographic italicization), without strongly affecting scannability. It can also be parsed by user agents and other software as definitively indicating emphasis, not just some typographic boldface effect for appearance's sake. It should therefore only be used sparingly in articles, to highlight something being stressed (e.g., to represent strong vocal emphasis). Example:

  • "Contrary to reports, she was {{em|not}} dead after all."
    "Contrary to reports, she was not dead after all."

It is also occasionally used for disambiguation, e.g. between two adjacent but different uses of the same word or homonym ("What it is is a kind of custard."), but this usage is not often encyclopedic and can (when not found in a direct quotation) usually be rewritten to avoid the awkward construction.

When this template should not be used

Because {{em}} is strictly for semantic (meaningful) emphasis, it should not be used for layout, typography conventions (titles, foreign words, etc.), and other cases that are not true emphasis. In these different cases, italics wikicode ''...'' (which resolves to <i>...</i> in the browser or other user agent) should be used instead (or special markup for a particular case, such as {{var|...}} or <var>...</var> for variables in computer science and mathematics). It should also not be used when the text to which it is applied is already italicized for some other reason (e.g., it is part of a book title); in such cases use {{strong}} instead. Usually avoid using {{em}} in non-quoted sentences that end in an exclamation point. And it is usually excessive to use it on terms that are already wikilinked, since the link markup acts as a form of emphasis itself.

  • "The New York Times is an American daily newspaper." This example should use ''The New York Times''.

See also

  • {{Strong}} – for bold rather than italic semantic emphasis
  • {{Strongbad}} – same but red
  • {{Stronggood}} – same but green