| weiter zu > Text in HTML > HTML Einführung |
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 Befehl <kbd> hat die HTML 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
<kbd> wird von den Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN interpretiert.
Standards
Der HTML Befehl <kbd> wird mindestens 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 HTML 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.
Copyright © 1999–2012 Thomas Salvador und brauchbar.de . Alle Rechte vorbehalten. Gehostet bei 1 und 1.
Reproduktion, ganz oder in Teilen, nur mit schriftlicher Zustimmung von Thomas Salvador. Impressum · Datenschutzerklärung · Kontakt.
Linken Sie bitte zu der festen Adresse: http://brauchbar.de/html-4-referenz/tag-kbd .
