HTML/Textauszeichnung/kbd

Aus SELFHTML-Wiki
< HTML | Textauszeichnung(Weitergeleitet von Kbd)
Wechseln zu: Navigation, Suche

Das Element kbd zeichnet einen Teil eines Fließtextes als Benutzereingabe, etwa über die Tastatur, aus. kbd steht dabei für keyboard, eng. Tastatur.

  • HTML 2.0
  • XHTML 1.0
  • HTML5
  • Chrome
  • Firefox
  • IE
  • Opera
  • Safari
Beispiel ansehen …
<!doctype html> <html> <head> <meta charset="utf-8"> <title>Beispiel zum kbd-Element</title> <style type="text/css"> body { margin:40px; } .hinweis { font-style:italic; border-bottom:1px solid #ccc; } </style> </head> <body> <h1>Beispiel zum kbd-Element</h1> <p class="hinweis">Das Beispiel zeigt typische semantische Anwendungen des kbd-Elements.</p> <h2>Hinweise zur Navigation unserer Site via Tastatur</h2> <p>Sie können innerhalb unserer ganzen Site mittels Tasten Links bedienen</p> <ul> <li><kbd>h</kbd>: Zur Hilfe-Seite</li> <li><kbd>s</kbd>: Skip Links und springe direkt zum Inhalt</li> <li><kbd>n</kbd>: Den nächsten logischen Link in einer Serie.</li> <li><kbd>p</kbd>: Den vorherigen logischen Link in einer Serie.</li> <li><kbd>c</kbd>: Auf unsere Kontaktseite.</li> </ul> <p>Um JavaScript im Browser Firefox zu aktivieren, wählen Sie den Menüpunkt <kbd>Extras|Einstellungen</kbd> und dort die Grafik <kbd>Inhalt</kbd>.</p> </body> </html>
Inline-Elemente für Auszeichnungen im Text müssen - zumindest in der HTML-Variante "Strict" - innerhalb anderer Block-Elemente vorkommen. Im Beispiel ist ein Textabsatz notiert und innerhalb davon eine Textauszeichnung. Am Anfang des Textbereichs, der als Benutzereingabe ausgezeichnet werden soll, wird ein einleitendes <kbd>-Tag eingefügt. Am Ende des gewünschten Textbereichs wird ein entsprechendes Abschluss-Tag (</kbd>) eingefügt.

Wie genau der Browser die Elemente zur Textauszeichnung darstellt, darauf haben Sie mit HTML allein keinerlei Einfluss. Die Browser benutzen zwar default-Einstellungen, diese können sich aber von Browser zu Browser unterscheiden. Mit Stylesheets (CSS) können Sie Ihre Elemente jedoch nach Wunsch formatieren. Bei Verwendung von Stylesheets müssen Sie zunächst wissen, wie man CSS-Formate definieren kann. Anschließend sind Sie in der Lage, CSS-Eigenschaften anzuwenden. Maßgeblich sind im hier beschriebenen Zusammenhang folgende CSS-Eigenschaften:

Beachten Sie: Bei den Elementen zur Textauszeichnung handelt es sich um sogenannte inline-Elemente. Deshalb bleibt beispielsweise eine Zuweisung von Länge oder Breite zunächst einmal wirkungslos.

[Bearbeiten] siehe auch

Referenz: kbd

Meine Werkzeuge
Namensräume

Varianten
Aktionen
Übersicht
Index
Mitmachen
Werkzeuge
Spenden
SELFHTML