HTML Tag em:
Text hervorheben

von Thomas Salvador.

Beispiel

Das Wort "wichtig" wird hervorgehoben:

<p>Dieser Text ist <em>wichtig</em>.</p>

Anwendung

<em> wird zur Hervorhebung von Text verwendet. Es handelt sich um einen logischen Stil. Ein analoger fester Stil ist <i> (kursiv).

Während <em> Text i.a. kursiv setzt, gibt es mit <strong> einen weiteren logischen Stil zur Hervorhebung von Text, der den Text allerdings fett setzt.

Attribute

Die Anweisung <em> kennt die HTML-Attribute:

AttributBeschreibung
classSpace-separierte Liste von CSS-Klassen
dirAusrichtung von Text und Tabellen
idUniversalattribut
langSprache des Elementes
onclickAuszuführender Javascript-Code bei Klick
ondblclickAuszuführender Javascript-Code bei Doppelklick
onkeydownAuszuführender Javascript-Code bei Drücken einer Taste
onkeypressAuszuführender Javascript-Code bei gedrückt gehaltener Taste
onkeyupAuszuführender Javascript-Code bei Loslassen einer Taste
onmousedownAuszuführender Javascript-Code bei Drücken einer Maustaste
onmousemoveAuszuführender Javascript-Code, wenn die Maus bewegt wird
onmouseoutAuszuführender Javascript-Code, wenn die Maus das Element verlässt
onmouseoverAuszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
onmouseupAuszuführender Javascript-Code bei Loslassen einer Maustaste
styleInline Style
titleBezeichnender Titel

Browserunterstützung

<em> wird von den Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN verstanden.

Standards

Die Anweisung <em> wird mindestens in den Standards HTML und XHTML definiert.

Inhalte

Der HTML-Befehl <em> kann die HTML-Anweisungen <a>, <abbr>, <acronym>, <applet>, <b>, <basefont>, <bdo>, <big>, <br>, <button>, <cite>, <code>, <dfn>, <em>, <font>, <i>, <iframe>, <img>, <input>, <kbd>, <label>, <map>, <object>, <q>, <s>, <samp>, <script>, <select>, <small>, <span>, <strike>, <strong>, <sub>, <sup>, <textarea>, <tt>, <u> und <var> enthalten.

Verwendung

<em> kann in den HTML Befehlen <a>, <abbr>, <acronym>, <address>, <applet>, <b>, <bdo>, <big>, <blockquote>, <body>, <button>, <caption>, <center>, <cite>, <code>, <dd>, <del>, <dfn>, <div>, <dt>, <em>, <fieldset>, <font>, <form>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, <i>, <iframe>, <ins>, <kbd>, <label>, <legend>, <li>, <noframes>, <noscript>, <object>, <p>, <pre>, <q>, <s>, <samp>, <small>, <span>, <strike>, <strong>, <sub>, <sup>, <td>, <th>, <tt>, <u> und <var> genutzt werden.

Hinweise

  • Logische Stile – wie <em> – wendet man an, wenn es um den logischen Zusammenhang geht:
    <em> => "Mache es kursiv, weil es wichtig ist/beachtet werden soll/hervorgehoben werden soll."
  • Feste Stile – wie <i> – wendet man an, wenn es nur um reine Aussehen geht:
    <i> => "Mache es kursiv, weil ich es kursiv haben möchte".
  • Obwohl <i> und <em> also beide den Text kursiv markieren, besteht ein elementarer Unterschied. <em> führt zur Hervorhebung des Textes, was etwa Sprachausgaben nutzen können, um den "wichtigen" Text zu betonen. Hingegen wird "kursiver" Text normal vorgelesen.

Weitere Beispiele und Lösungen

Keine.