Attributen
Dit element bevat alleen de globale attributen.
Gebruiksnotities
Het <em>-element is bedoeld voor woorden die nadruk krijgen ten opzichte van de omringende tekst, wat vaak beperkt is tot een woord of woorden van een zin en de betekenis van de zin zelf beïnvloedt.
Doorgaans wordt dit element cursief weergegeven. Het moet echter niet worden gebruikt om cursieve styling toe te passen; gebruik daarvoor de CSS-eigenschap font-style. Gebruik het <cite>-element om de titel van een werk (boek, toneelstuk, lied, enz.) te markeren. Gebruik het <i>-element om tekst te markeren die in een andere toon of stemming is, wat veel voorkomende situaties voor cursief dekt, zoals wetenschappelijke namen of woorden in andere talen. Gebruik het <strong>-element om tekst te markeren die belangrijker is dan de omringende tekst.
<i> versus <em>
Sommige ontwikkelaars raken in verwarring doordat meerdere elementen ogenschijnlijk vergelijkbare visuele resultaten opleveren. <em> en <i> zijn een veelvoorkomend voorbeeld, aangezien beide tekst cursief maken. Wat is het verschil? Welke moet u gebruiken?
Standaard is het visuele resultaat hetzelfde. De semantische betekenis is echter anders. Het <em>-element vertegenwoordigt nadruk (stress emphasis) van zijn inhoud, terwijl het <i>-element tekst vertegenwoordigt die is afgezonderd van de normale doorlopende tekst, zoals een vreemd woord, gedachten van een fictief personage, of wanneer de tekst verwijst naar de definitie van een woord in plaats van de semantische betekenis ervan weer te geven. (De titel van een werk, zoals de naam van een boek of film, moet <cite> gebruiken.)
Dit betekent dat welke van de twee juist is om te gebruiken, afhangt van de situatie. Geen van beide is bedoeld voor puur decoratieve doeleinden — daarvoor is CSS-styling bedoeld.
Voorbeelden voor <em> zouden kunnen zijn:
<p>Just <em>do</em> it already!</p>
<p>We <em>had</em> to do something about it.</p>Een persoon of software die de tekst leest, zou de cursieve woorden uitspreken met nadruk, met behulp van stemklemtoon.
Voorbeelden voor <i> zouden kunnen zijn:
<p>The word <i>the</i> is an article.</p>
<p>The <i>Queen Mary</i> sailed last night.</p>Hier is er geen toegevoegde nadruk of belangrijkheid op het woord "Queen Mary". Er wordt slechts aangegeven dat het object in kwestie geen koningin genaamd Mary is, maar een schip genaamd "Queen Mary".
Voorbeelden
In dit voorbeeld wordt het <em>-element gebruikt om een impliciet of expliciet contrast tussen twee ingrediëntenlijsten te benadrukken:
<p>
Ice cream is made with milk, sweetener, and cream. Frozen custard, on the
other hand, is made of milk, cream, sweetener, and <em>egg yolks</em>.
</p>Resultaat
Technische samenvatting
| Content categories | Flow content, phrasing content, palpable content. |
|---|---|
| Permitted content | Phrasing content. |
| Tag omission | None, both the starting and ending tag are mandatory. |
| Permitted parents | Any element that accepts phrasing content. |
| Implicit ARIA role |
emphasis
|
| Permitted ARIA roles | Any |
| DOM interface |
HTMLElement Up to Gecko 1.9.2 (Firefox 4)
inclusive, Firefox implements the
HTMLSpanElement interface for this element.
|