| weiter zu > Text in HTML > HTML Einführung |
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:
| Attribut | Beschreibung |
|---|---|
| class | Space-separierte Liste von CSS-Klassen |
| dir | Ausrichtung von Text und Tabellen |
| id | Universalattribut |
| lang | Sprache des Elementes |
| onclick | Auszuführender Javascript-Code bei Klick |
| ondblclick | Auszuführender Javascript-Code bei Doppelklick |
| onkeydown | Auszuführender Javascript-Code bei Drücken einer Taste |
| onkeypress | Auszuführender Javascript-Code bei gedrückt gehaltener Taste |
| onkeyup | Auszuführender Javascript-Code bei Loslassen einer Taste |
| onmousedown | Auszuführender Javascript-Code bei Drücken einer Maustaste |
| onmousemove | Auszuführender Javascript-Code, wenn die Maus bewegt wird |
| onmouseout | Auszuführender Javascript-Code, wenn die Maus das Element verlässt |
| onmouseover | Auszuführender Javascript-Code, wenn die Maus auf das Element bewegt wird |
| onmouseup | Auszuführender Javascript-Code bei Loslassen einer Maustaste |
| style | Inline Style |
| title | Bezeichnender 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.
Copyright © 1999–2012 Thomas Salvador und brauchbar.de . Alle Rechte vorbehalten. Gehostet bei all-inkl.
Reproduktion, ganz oder in Teilen, nur mit schriftlicher Zustimmung von Thomas Salvador. Impressum · Datenschutzerklärung · Kontakt.
Linken Sie bitte zu der festen Adresse: http://brauchbar.de/html-4-referenz/tag-span .
