Tag <kbd>

Tag <kbd>

Definition

Status: Aktueller Standard

Das Tag <kbd> steht für keyboard (Tastatur).

Das HTML-Element <kbd> wird verwendet, um Tastenbedienung anzuzeigen. Das <kbd>-Tag findet meist bei Anleitungen und Tutorials Anwendung um darzustellen, welche Tasten für eine bestimmte Aktion notwendig sind.

Syntax

<kbd>Taste</kbd>

Attribute bzw. Unterelemente

Global

Globale Attribute

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel <kbd> - ---

Der Code:

Der "Affengriff" bei Windows ist das gleichzeitige Drücken der Tasten <kbd>STRG</kbd>, <kbd>ALT</kbd> und <kbd>ENTF</kbd>.

Ergebnis:

Ergebnis: <kbd>-Demo 1
---

Anmerkungen

Die Standard-Darstellung ist in aktuellen Browsern ähnlich der Darstellung von <code> (Zeichensatz: "monospace"). Die Tastendarstellung muss daher über css definiert werden.

Beispiel:


  kbd {
    background: #efefef; 
    padding: 2px 4px; 
    border-radius: 6px; 
    border: 1px solid silver;
    text-transform: uppercase;
    font-size: 0.8rem;
    box-shadow: 3px 3px 10px -4px rgba(0, 0, 0, 0.79);
}