Physische Textauszeichnung im HTML
HTML-Webseite und die Physische Textauszeichnung
Neben den verschiedenen Absatzformaten (Textabsätze, vorformatierte Absätze und Überschriften) gibt es spezielle Elemente, um Wörter, Sätze oder Absätze von anderen Texten hervorzuheben, z.B. fett, kursiv oder unterstrichen. Die Elemente zur Textauszeichnung werden als Inline-Elemente bezeichnet. Die Elemente für Absatz-formate (p, h1–h6 und pre) gehören zu den Blockelementen. Der Unterschied zwischen diesen beiden Elementgruppen ist, dass nach Blockelementen ein neuer Absatz eingeleitet wird. Inline-Elemente hingegen integrieren sich in den Textfluss und leiten keinen neuen Absatz ein.
Insgesamt stellt Ihnen HTML zehn verschiedene Inline-Elemente zur Textauszeichnung zur Verfügung:
b(engl. Bold, dt. fett). Zeichnet einen Text fett aus.i(engl. Italic, dt. kursiv). Zeichnet einen Text kursiv aus.u(engl. Underlined, dt. unterstrichen). Zeichnet einen Text unterstrichen aus.soderstrike(dt. durchgestrichen). Zeichnet einen Text durchgestrichen aus.big(dt. groß). Zeichnet einen Text größer aus.small(dt. klein). Zeichnet einen Text kleiner aus.sup(engl. Superscript, dt. hochgestellt). Zeichnet einen Text hochgestellt aus.sub(engl. Subscript, dt. tiefgestellt). Zeichnet einen Text tiefgestellt aus.tt(engl. Teletype, dt. Fernschreiber). Zeichnet einen Text mit nicht proportionaler Schrift aus (wie in einem Fernschreiben).
Um die Verwendung der Inline-Elemente zu veranschaulichen, sehen Sie sich den Code-Beispiel zur physischen Textauszeichnung und die Abbildung an.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Beispiel für physischen Textauszeichnung im HTML -->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-utf-8" />
<title>Physische Textauszeichnung im HTML</title>
</head>
<body>
<p>
Mit verschiedenen Inline-Elementen ist es möglich, Texte <b>fett</b>, <i>kursiv</i>, <u>unterstrichen</u>,
<s>durchgestrichen</s>, <big>größer</big>, <small>kleiner</small>, <sup>hochgestellt</sup>,
<sub>tiefgestellt</sub> oder <tt>nicht-proportional</tt> darzustellen.
</p>
<p>
Auch beliebige Kombinationen dieser Inline-Elemente sind möglich, um Text <b><i>fettkursiv</i></b>
oder <big><s>größer und durchgestrichen </s></big> etc. darzustellen.
</p>
</body>
</html>
In dem Code-Beispiel ist auch schon darauf eingegangen worden, dass sich die Elemente für die physische Textauszeichnung beliebig kombinieren lassen, wobei es keinen Sinn machen würde, einen Text mit zwei verschachtelten <b>-Elementen oder <strike>-Elementen auszuzeichnen, weil der Text dadurch nicht doppelt fett oder doppelt durchgestrichen dargestellt werden würde. Einen Text als hoch- und tiefgestellt (durch die Verschachtelung von <sup> und <sub>) oder größer und kleiner (<big> und <small>) auszuzeichnen, macht genauso wenig Sinn.
Achten Sie bei der Sprachvariante
<strict> darauf, dass die vorangestellten Elemente innerhalb eines Blockelements verwendet werden müssen und nicht einfach so im Gültigkeitsbereich des <body>-Elements, wie es in der Variante <transitional> erlaubt wäre.
Abbildung zeigt eine Physische Textauszeichnung im Safari.
