Template:Em/doc

{{Documentation}}

{{Wikipedia template}}

{{t|Em}} is used to put strong emphasis on the text as simple italicizing is purely typographic and is semantically meaningless.

== Purpose ==

This template makes it faster and easier to apply HTML's <code><nowiki><em>...</em></nowiki></code> emphasis markup to text, and more importantly to indicate to human and bot editors they should not use <code><nowiki>''...''</nowiki></code> or <code><nowiki><i>...</i></nowiki></code> 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, 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==

: {{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>}}

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.

===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

<includeonly><!-- CATEGORIES BELOW THIS LINE, PLEASE: -->

[[Category:Formatting and function templates]]

</includeonly>