Physische Textauszeichnung |
|
Allgemeines zur physischen Textauszeichnung |
|
In HTML gibt es physische und logische Befehle zur Hervorhebung von Text. Bei physischen Befehlen geben Sie als Autor vor, wie ein solcher Text hervorzuheben ist (z.B. fett, kursiv oder unterstrichen).
Wenn Sie die Bildschirm-Wirkung Ihrer HTML-Dateien genau kontrollieren wollen und unterstellen, daß Ihre Leser grafische Umgebungen benutzen, sollten Sie vorwiegend physische Textauszeichnungen/Texthervorhebungen benutzen. Beachten Sie dabei aber, daß vieles, was mit Hilfe physischer Textauszeichnung möglich ist, noch genauer und besser mit Hilfe von CSS Style-Sheets realisierbar ist.
HTML-Puristen weisen immer wieder darauf hin, daß man nur logische und keine physischen Hervorhebungen verwenden solle. Der Grund ist, daß nicht-grafische Oberflächen (Textmodus-Umgebungen) fette und kursive Zeichen nicht anzeigen können. Außerdem, so die Puristen, widerspreche die physische Formatierung der Idee der Dokumentbeschreibungssprache.
Angesichts der Bedeutung, die HTML erlangt hat, und der Tatsache, daß die überwältigende Mehrheit der Anwender heute grafische Umgebungen verwendet, ist dieser Purismus jedoch nicht mehr haltbar.
Anzeigebeispiel: So sieht's aus
Es stehen verschiedene HTML-Befehle zur Verfügung, um Textabschnitte physisch zu formatieren.
<b>Fetter Text</b> |
Am Anfang des Textbereichs, der hervorgehoben werden soll, wird ein einleitendes Tag (zum Beispiel das Tag <b>) eingefügt. Am Ende des gewünschten Textbereichs wird ein entsprechendes Abschluß-Tag eingefügt (zum Beispiel das Tag </b>). Keines dieser HTML-Tags erzeugt einen eigenen Absatz, d.h. es handelt sich um reine Textauszeichnungen.
Folgende physische HTML-Tags stehen zur Verfügung:
<b>....</b> bewirkt fett formatierten Text.
<i>....</i> bewirkt kursiv formatierten Text.
<tt>....</tt> bewirkt dicktengleich formatierten Text (Teletyper = Fernschreiber).
<u>....</u> bewirkt unterstrichenen Text.
<strike>....</strike> bewirkt durchgestrichenen Text.
<s>....</s> bewirkt ebenfalls durchgestrichenen Text.
<big>....</big> bewirkt größer formatierten Text.
<small>....</small> bewirkt kleiner formatierten Text.
<sup>....</sup> bewirkt hochgestellten Text.
<sub>....</sub> bewirkt tiefgestellten Text.
<blink>....</blink> bewirkt blinkenden Text.
Die Tags <u>....</u>, <strike>....</strike> und <s>....</s> stehen auf der Abschußliste des W3-Konsortiums. Die Verwendung ist nicht mehr zu empfehlen. Wenn Sie entsprechende Effekte erzielen wollen steht die Style-Sheet-Angabe text-decoration zur Verfügung. Mit <span style="text-decoration:underline">....</span> können Sie beispielsweise unterstrichenen Text nach CSS-Syntax erzeugen.
Alle hier beschriebenen Tags können Universalattribute enthalten.
Wenn Sie HTML bereits etwas besser kennen, probieren Sie auch mal die Möglichkeiten aus, die Ihnen CSS Style-Sheets bieten. Physische HTML-Tags erzwingen zwar bereits eine bestimmte Formatierung, aber mit Hilfe von Style-Sheets können Sie Bereiche, die Sie mit physischen HTML-Tags auszeichnen, zusätzlich formatieren. Zunächst müssen Sie dazu wissen, wie man Style-Sheets definieren kann. Anschließend sind Sie in der Lage, Style-Sheet-Angaben anzuwenden. Interessant sind für die hier beschriebenen HTML-Tags beispielsweise folgende Style-Sheet-Angaben:
Schriftformatierung
Hintergrundfarben und -bilder
weiter: | Schriftgröße, Schriftfarbe, Schriftart |
zurück: | Logische Textauszeichnung |