Kbd
Ein Schlüsseltaste, wie auf der Tastatur geschrieben, um anzugeben, welche gedrückt werden soll.
Auf dieser Seite
Playground
Esc
Hintergrund
<kbd class="feitio-kbd">Esc</kbd>Wann verwenden
- Für Abkürzungen und Tasten im Text: „drücken Sie /, um zu suchen".
Wann nicht verwenden
- Für Code: Inline-Code.
- Eine einzige Möglichkeit, etwas zu tun: Die Abkürzung ist ein Extra; die Taste bleibt bestehen.
Beispiele
Esc↵Ctrl + K↑ ↓
Tasten und Kombinationen
Eine Taste pro <kbd>; Kombinationen mit einem Pluszeichen dazwischen.
Code anzeigen
<kbd class="feitio-kbd">Ctrl</kbd> + <kbd class="feitio-kbd">K</kbd>Barrierefreiheit
- Es ist ein
<kbd>: Screenreader erkennen es als Taste. - Pfeile und Symbole: schreiben Sie den Namen aus, wenn es der einzige Text ist („unten Pfeil").
Attribute
| Attribut | Werte | Zum Zweck |
|---|---|---|
class="feitio-kbd" | auf dem <kbd> | Die Taste, mit einer etwas dickeren unteren Kante. |