HTML und XHTML

strukturelles Markup

Text in ein HTML-Dokument zu füllen ist keine grosse Zauberei.

Wir werden deshalb in diesem Abschnitt noch ein wenig darüber hinaus gehen.

Wir werden Block- und Inline-Elemente kennen lernen und einen ersten Eindruck davon kriegen, was mit Style Sheets alles möglich ist.

Und schliesslich werden wir noch zwei sogenannte generische Elemente kennen lernen, nämlich span und div, und sehen, wie diese zusammen mit dem class-Attribut wirken.

Rufen wir uns nochmals die Gegenüberstellung von strukturiertem und Darstellungs-orientiertem Markup ins Gedächtnis:

Abbildung 6: struktur- und darstellungsorientiertes Markup

Nun haben wir ja schon erwähnt, dass HTML eine Sprache ist, die sich an Strukturen orientiert und nicht an der Darstellung. auszeichnen: der Begriff bedeutet, dass ein Text mit den nötigen Markierungen versehen wird, die seine Elemente kennzeichnen. Im HTML-Umfeld heisst das nichts anderes, als die nötigen Tags hinzuzufügen, die die einzelnen Elemente des Textes bezeichnen. Wenn wir sie also brauchen, um den Inhalt eines Dokuments auszuzeichnen (der sich im body des Dokumentes befindet), so werden wir uns ausschliesslich auf strukturelle Elemente konzentrieren, also auf die, welche den Inhalt des Dokumentes beschreiben.

Wir werden keine Elemente bezeichnen, die sich auf die Darstellung des Textes beziehen. Gut möglich, dass du bereits mit HTML in Berührung gekommen bist, und Elemente wie z.B. <i> oder<b>kennen gelernt hast, die den Browser anweisen, einen Text in kursiver oder fetter Schrift anzuzeigen. Seit HTML 4 werden diese und viele andere Darstellungs-orientierte Elemente als deprecated bezeichnet. Der Begriff bedeutet so viel wie veraltet. Man verschliesst ja nicht die Augen vor der Tatsache, dass diese Elemente in vielen Seiten noch vorkommen, aber es wird davon abgeraten, sie in neuen Seiten zu verwenden. Damit hofft man, dass sie im Verlauf der ständigen Erneuerungen irgendwann einmal ganz verschwunden sein werden. Übrigens bestehen für alle derart veralteten Elemente neuere Konstruktionen, mit denen dieselben Ziele erreicht werden können. Im Falle der Darstellung sind das Style Sheets, ein weites, spannendes und spektakuläres Feld, das wir in diesem Kurs allerdings nur ganz summarisch andeuten können.

Elemente, die deprecated sind, werden in künftigen Versionen der HTML-Sprache nicht mehr enthalten sein und sollten deshalb schon jetzt vermieden werden. Tatsächlich tun wir das in diesem Kurs denn auch.

Die einleuchtendsten Elemente einer strukturierten HTML-Seite sind sicher Titel und Absätze (Headings und Paragraphs), und mit denen werden wir uns als erstes befassen.

Homepapa
März 2004

Vorheriger Abschnitt:
Titel

Nächster Abschnitt:
Headings