HTML Tag code:
Text logisch als Programmcode kennzeichnen

von Thomas Salvador.

Beispiel

Verwendung von <code>:

<p>Denkbar wäre etwa <code>alert('irgendwas');</code> in
den onload-Event zu setzen.

Anwendung

<code> wird verwendet, um Text zu setzen, der Computercode bzw. Programmcode darstellt. Es handelt sich um einen logischen Stil, der nur in passendem Kontext eingesetzt werden sollte. Ein dazu passender fester Stil ist <tt> (Gleichweitenschrift).

Attribute

Die HTML-Anweisung <code> kennt die HTML-Attribute:

AttributBeschreibung
classSpace-separierte Liste von CSS-Klassen
dirAusrichtung von Text und Tabellen
idUniversalattribut
langSprache des Elementes
onclickAuszuführender Javascript-Code bei Klick
ondblclickAuszuführender Javascript-Code bei Doppelklick
onkeydownAuszuführender Javascript-Code bei Drücken einer Taste
onkeypressAuszuführender Javascript-Code bei gedrückt gehaltener Taste
onkeyupAuszuführender Javascript-Code bei Loslassen einer Taste
onmousedownAuszuführender Javascript-Code bei Drücken einer Maustaste
onmousemoveAuszuführender Javascript-Code, wenn die Maus bewegt wird
onmouseoutAuszuführender Javascript-Code, wenn die Maus das Element verlässt
onmouseoverAuszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird
onmouseupAuszuführender Javascript-Code bei Loslassen einer Maustaste
styleInline Style
titleBezeichnender Titel

Browserunterstützung

Der HTML-Tag <code> wird zumindest von den HTML-Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN interpretiert.

Standards

<code> wird mindestens in den Standards HTML und XHTML definiert.

Inhalte

Der HTML-Tag <code> kann die 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

<code> kann in den Anweisungen <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> genutzt werden.

Hinweise

  • Logische Stile – wie <code> – wendet man an, wenn es um den logischen Zusammenhang geht:
    <code> => "Mache es gleichweit, weil es Computercode/Programmcode darstellen soll und das dazu passt."
  • Feste Stile – wie <tt> – wendet man an, wenn es nur um das reine Aussehen geht:
    <tt> => "Mache es gleichweit, weil ich Schreibmaschinenschrift haben möchte".
  • Obwohl <code> und <tt> also beide den Text gleichweit setzen, besteht ein elementarer Unterschied. <code> führt zur Auszeichnung des Textes, die weiter ausgewertet werden kann.

Weitere Beispiele und Lösungen

Keine.