HTML Tag kbd:
Text logisch als Tastatureingabe markieren

von Thomas Salvador.

Beispiel

Zusammenspiel von <samp> und <kbd> in einer <pre>-Umgebung:

<pre>
<samp>Ihr Name:</samp> <kbd>A.N.Onym</kbd>
<samp>Ihr Pass:</samp> <kbd>********</kbd>
<samp>Zugriff verweigert</samp>
</pre>

Anwendung

<kbd> wird verwendet, um eine Tastatureingabe zu markieren. Es handelt sich um einen logischen Stil, der nur im passenden Zusammenhang verwendet werden sollte. Das übliche Aussehen kann mit den festen Stilen <tt> und <b> nachempfunden oder direkt mit CSS erzeugt werden. Beachten Sie jedoch, dass es dem Browser freisteht, wie er <kbd> darstellt.

Attribute

Der HTML Tag <kbd> 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

Der Befehl <kbd> wird zumindest von den Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN interpretiert.

Standards

Die HTML Anweisung <kbd> wird zumindest in den Standards HTML und XHTML definiert.

Inhalte

Die Anweisung <kbd> kann die HTML Befehle <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>, <tt>, <u> und <var> enthalten.

Verwendung

<kbd> kann in den Tags <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>, <q>, <s>, <samp>, <small>, <span>, <strike>, <strong>, <sub>, <sup>, <td>, <th>, <tt>, <u> und <var> enthalten sein.

Hinweise

  • Logische Stile – wie <kbd> – wendet man an, wenn es um den logischen Zusammenhang geht:
    <kbd> => "Mache es gleichweit-fett, weil es eine Tastatureingabe darstellen soll und das dazu passt."
  • Feste Stile – wie <tt> und <b> – wendet man an, wenn es nur um das reine Aussehen geht:
    <tt><b> => "Mache es gleichweit und fett, weil ich Schreibmaschinenschrift und fett haben möchte".
  • Obwohl das Aussehen sowohl fester und logischer Auszeichnung gleich sein können, besteht ein elementarer Unterschied. Bei logischer Auszeichnung wird Text eine Bedeutung gegeben, die ausgewertet und weiterverarbeitet werden kann. Bei fester Auszeichnung ist dies nicht der Fall.

Weitere Beispiele und Lösungen

Keine.