HTML und XHTML

strukturelles Markup

Block und Inline Elemente

Eines der auffälligsten Resultate nach dem Einfügen der Überschriften- und Paragraphen-Tags war sicher, dass der fortlaufende Fluss des Textes unterbrochen wurde und jedes Element nun auf einer neuen Zeile begann. Das ist so, weil es sich hier um Block-Elemente handelt.

Absätze, Überschriften und blockquote, ein Element, das wir bald auch noch kennenlernen werden, sind alles Block-Elemente. Wenn sie von einem Browser wiedergegeben werden, haben sie oben und unten und manchmal auch links und rechts einen wohldefinierten Abstand, der sie vom übrigen Inhalt trennt. Das zwingt sie auch dazu, immer auf einer neuen Zeile anzufangen.

Inline-Elemente? Der andere Haupt-Typ von Elementen, die Inline-Elemente, ist da anders veranlagt. Inline-Elemente bleiben in der Zeile, ohne aus dem Textfluss auszubrechen. Wir haben bis jetzt noch kein solches Element angewendet, aber einige werden bald unsern Weg kreuzen. Beispiele dafür sind Zitate, Hervorhebungen (wie beim Begriff "Inline-Elemente" am Anfang dieses Absatzes), starke Hervorhebungen, Links und Abbildungen.

Es gibt da zwei Regeln, die man fast intuitiv drauf hat, aber die ich hier trotzdem einmal deutlich formulieren möchte:

Block-Elemente können ihrerseits Block- und Inline-Elemente enthalten, Aber Inline-Elemente können keine Block-Elemente enthalten.
Und da keine Regel ohne Ausnahme ist: <p> ist zwar ein Block-Element, darf aber trotzdem nur Inline-Elemente enthalten.
Inline-Elemente stecken immer in einem Block-Element drin. Freischwebende Inline-Elemente gibt's nicht.

Block-Elemente	Inline-Elemente
sind vom sie umgebenden Inhalt durch Abstände getrennt	fahren in der selben Zeile weiter
können im allgemeinen weitere Block- und inline-Elemente enthalten	können nur weitere Inline-Elemente enthalten
Zu den Block-Elementen gehören `<p>, <h1>, <h2>` und weitere Titelstufen,`<blockquote>`	Zu den Inline-Elementen gehören`<q>, <a>, <strong>, <em>, <cite>`
Anmerkung:`<p>` kann keine weiteren Block-Elemente enthalten.

Homepapa
März 2004

Vorheriger Abschnitt:
Style Sheets

Nächster Abschnitt:
weitere Elemente