HTML Tag kbd:
Text logisch als Tastatureingabe markieren

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:

Attribute Events Standard Attribute

Attribut	Beschreibung
`class`	Space-separierte Liste von CSS-Klassen
`dir`	Ausrichtung von Text und Tabellen
`id`	Universalattribut
`lang`	Sprache des Elementes
`onclick`	Auszuführender Javascript-Code bei Klick
`ondblclick`	Auszuführender Javascript-Code bei Doppelklick
`onkeydown`	Auszuführender Javascript-Code bei Drücken einer Taste
`onkeypress`	Auszuführender Javascript-Code bei gedrückt gehaltener Taste
`onkeyup`	Auszuführender Javascript-Code bei Loslassen einer Taste
`onmousedown`	Auszuführender Javascript-Code bei Drücken einer Maustaste
`onmousemove`	Auszuführender Javascript-Code, wenn die Maus bewegt wird
`onmouseout`	Auszuführender Javascript-Code, wenn die Maus das Element verlässt
`onmouseover`	Auszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
`onmouseup`	Auszuführender Javascript-Code bei Loslassen einer Maustaste
`style`	Inline Style
`title`	Bezeichnender 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.

HTML Tag kbd:Text logisch als Tastatureingabe markieren