HTML Tag span:
Behälter im HTML Fließtext

von Thomas Salvador.

Beispiel

Ein <font> Ersatz:

<p>Mit span kann man <p><span style="font-family:arial">Zeichensätze,
<span style="font-size:86%;">Größen, <span style="color:blue">Farben,
und noch viel mehr wie man sieht auch kombiniert definieren.
</span></span></span></p>

Anwendung

<span> ist ein allgemeiner Behälter, der beliebige Inhalte direkt im Fließtext verkapselt und eine Formatierung/Beeinflussung zulässt. Besonders häufig nutzt man <span> mit wiederverwendbaren CSS-Klassen und direkt im <span> definierten CSS, um einen Textbereich direkt zu formatieren.

Damit wird <span> insbesondere zu einem mächtigen Ersatz für das verworfene <font>.

Attribute

Der HTML-Tag <span> 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-Befehl <span> wird zumindest von den Browsern Avant Palm OS, Avant Windows, Chrome, Firefox, Internet Explorer, Netscape, Opera, Safari und Web TV / MSN verstanden.

Standards

Die HTML-Anweisung <span> wird zumindest in den Standards HTML und XHTML definiert.

Inhalte

<span> kann die HTML-Anweisungen <a>, <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>, <textarea>, <tt>, <u> und <var> enthalten.

Verwendung

<span> kann in den HTML-Anweisungen <a>, <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>, <pre>, <q>, <s>, <samp>, <small>, <span>, <strike>, <strong>, <sub>, <sup>, <td>, <th>, <tt>, <u> und <var> enthalten sein.

Hinweise

Der große Bruder von <span> ist <div>, der Gleiches auf Blockebene macht. Er ist allgemeiner Container für beliebige Blockelemente.

Weitere Beispiele und Lösungen

Keine.