HTML code, kbd, samp und tt kennzeichnen einen kurzen Text als Computercode. Im Allgemeinen werden Inhalte in code-, kbd-, samp- und tt-Tags gleich dargestellt – in einer nicht-proportionalen Schrift wie Courier.
Nov 2007
HTML-Tags code, kbd, samp, tt
Darstellung von Computer-Code
code, kbd, samp und tt sind Inlineelemente, die nicht zu einem Zeilenumbruch führen.
Wenn sich der Text über mehrere Zeilen erstreckt, wird das <pre>-Tag für die Darstellung von Code-Passagen benutzt.
HTML-Tag code • Computercode darstellen
Das code-Tag ist dafür gedacht, Computercode innerhalb eines Textes in besonderer Weise dazustellen, in der Regel in einer nicht proportionalen Schrift wie der Courier. Innerhalb der öffnenden und schließenden <code>-Tags können beliebige Tags stehen – z.B. <i>/<em>- und <b>/<strong>-Tags, um die Darstellung weiter zu beeinflussen.
Das HTML-Tag <code>code</code> stellt einen Text als Comuputer-Code dar
Das HTML-Tag code stellt einen Text als Comuputer-Code dar
HTML-Tag kbd • Text als Eingabevorlage kennzeichenen
Das kbd-Tag signalisiert, dass der gekennzeichnete Text vom Benutzer über die Tastatur eingegeben werden soll – z.B. innerhalb eines Onlinetutorials. Die exakte Darstellung hängt vom jeweiligen Browser ab. Die meisten Browser stellen den Text in einer nicht proportionalen Schrift wie der Courier dar.
HTML-Tag samp • Nicht-proportionaler Schriftstil
Das samp-Tag soll eine Zeichenfolge betonen. Der eingeschlossene Text wird in einem Teletype-Font oder einer nicht proportionalen Schrift dargestellt. Die exakte Darstellung hängt von dem jeweils benutzten Browser ab.
HTML-Tag tt • Nicht-proportionaler Schriftstil
Das tt-Tag veranlasst den Browser, den eingeschlossenen Text in einem Teletype-Font (wie einst ein Fernschreiber) darzustellen. Die genaue Darstellung bleibt dem jeweiligen Browser überlassen.
Attribute und Ereignisse für code, samp, kbd und tt
Nur Kernattribute
| Kernattribute | Ereignisse |
|---|---|
| class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, style, tabindex, title |