HTML-Tags Begriffserklärung und Definition

Unter den in der IT verbreiteten Auszeichnungssprachen nimmt HTML (Abkürzung für „Hypertext Markup Language„) eine besondere Rolle ein. Textdokumente, die mit Hilfe von HTML-Tags Form und semantische Struktur erhalten, bilden das Grundgerüst des Internets. Als Tags bezeichnet man in der EDV Kennzeichnungen, die in den Dateiinhalt eingebettet sind und zusätzliche Informationen über den Dateiinhalt, ihren Typ oder ihre Darstellung bereitstellen. Webbrowser interpretieren die im Text enthaltenen HTML-Tags und sorgen unabhängig vom verwendeten Betriebssystem für eine korrekte Darstellung der Seite.

Auszeichnungssprachen kennt die EDV bereits seit vielen Jahren. Ihre Grundlage bildet die Definition der Metasprache SGML („Standard Generalized Markup Language“). Aus SGML wurden für unterschiedliche Zwecke eine Reihe von spezialisierten Sprachen zur Seitenbeschreibung, zur Strukturierung von Daten usw. abgeleitet. Neben HTML ist die wichtigste dieser Sprachen XML („Extensible Markup Language“), die das Ziel verfolgt, die Vielfalt existierender Datenformate zu vereinheitlichen. XHTML („Extensible HTML“) ist eine Anwendung von XML und zugleich eine Art Weiterentwicklung der HTML.

Eine HTML-Datei setzt sich zusammen aus einer Dokumenttypdeklaration, einem HTML-Kopfteil und dem HTML-Körper. In der Dokumenttypdeklaration wird festgelegt, welche HTML- oder XHTML-Version im vorliegenden Dokument verwendet wird. Dazu verweist man auf eine entsprechende im Netz hinterlegte DTD-Datei (DTD = Dokumenttypdefinition). Fehlt diese Deklaration, greift der Webbrowser auf eine Standardannahme zurück, er schließt aus der Endung des Dateinamens darauf, dass es sich um HTML handelt.

Der HTML-Kopfteil (HEAD) beschreibt allgemeine Eigenschaften des Dokuments wie seinen Titel oder verwendete Formatvorlagen (CSS-Dateien). Hier kann auch Code in einer im Browser zu interpretierenden Skriptsprache wie z.B. JavaScript stehen. Darüber hinaus ist hier die Angabe von Meta-Elementen möglich, in denen man beispielsweise Informationen zum Autoren der Datei, Angaben für Suchmaschinen und ähnliches unterbringen kann. Im HTML-Körper (BODY) werden die anzuzeigenden HTML-Elemente notiert, die durch entsprechende HTML-Tags strukturiert werden.

Aufbau von HTML-Tags

Auszeichnungen in HTML-Dokumenten erfolgen durch HTML-Tags. Diese werden in spitzen Klammern notiert. Zu einem einleitenden Tag gehört in den meisten Fällen ein abschließendes Tag, das man an dem Schrägstrich nach der öffnenden spitzen Klammer erkennt. Ein Beispiel für ein Element mit einem solchen Paar von HTML-Tags, in diesem Fall für eine Überschrift erster Ordnung: „<h1>Eine Überschrift</h1>“.

Nicht für alle HTML-Tags sind die passenden End-Tags definiert, zu inhaltsleeren Elementen gibt es keine abschließenden Tags. Das gebräuchliche Tag für einen Zeilenumbruch lautet „<br>“ und kennt kein korrespondierendes abschließendes Tag. Um gleichzeitig die Verträglichkeit mit XHTML zu wahren, sollten dieses und ähnliche HTML-Tags als „<br/>“ notiert werden.

Aus dem gleichen Grund empfiehlt es sich, End-Tags auch für solche HTML-Tags zu verwenden, die das gemäß der HTML-Definition nicht unbedingt erfordern wie z.B. „<p>“. Damit steigt auch die Wahrscheinlichkeit, dass eine HTML-Seite von möglichst vielen Web-Browsern korrekt angezeigt werden kann. HTML-Tags können in Groß- oder Kleinbuchstaben oder einer beliebigen Mischung daraus notiert werden. Ebenfalls aus Gründen der Kompatibilität empfiehlt es sich, HTML-Tags stets in Kleinbuchstaben zu schreiben, wie es die XHTML-Regeln vorschreiben.

Viele HTML-Tags kennen Attribute. In ihnen lassen sich spezielle oder vom Standard abweichende Ausprägungen des jeweiligen Elements definieren. So führt die Angabe „<p align=’left‘>“ dazu, dass der darauf folgende Absatz linksbündig ausgegeben wird. Auf dieselbe Weise kann man einem Element eine Klasse zuweisen, deren Attribute man in einer externen Beschreibung definiert. Das kann etwa so aussehen: „<p class=’EineKlasse‘>“.

Eine solche Beschreibung erfolgt in einer Art Formatvorlage in Form einer CSS-Datei (CSS = „Cascading Style Sheet„). Darin kann etwa definiert werden, in welchen Farben, Schriftarten oder Größen und Ausrichtungen die durch HTML-Tags identifizierten Elemente darzustellen sind. Es ist guter Stil, im HTML-Dokument möglichst auf explizite Formatzuweisungen zu verzichten und diese ausschließlich in CSS-Dateien vorzunehmen. Trennt man auf diese Weise Inhalt und Form, kann man für unterschiedliche Plattformen jeweils eigene CSS-Dateien definieren, die für eine optimale Anzeige sowohl in verschiedenen Browsern auf dem Desktop als auch auf mobilen Geräten sorgen.

Gruppen von HTML-Tags und Beispiele

HTML-Tags lassen sich grob in Gruppen einteilen. Es gibt HTML-Tags, mit denen die Struktur des Dokuments gegliedert wird. Dazu gehören etwa “ für die Definition der Kopfdaten, “ für den Textkörper oder “ für die Definition eines Textbereichs. Zu den HTML-Tags für die Angabe von Meta-Informationen gehören “ für die Angabe des Seitentitels oder “ für den Verweis auf eine CSS-Datei zur Formatierung. Tags zur Definition von Textelementen sind z.B. die Überschriften „<h1>“ bis „<h6>“, „<p>“ für die Definition eines Absatzes oder “ für die Darstellung von Programmcode. Innerhalb des Texts lassen sich Listen definieren mit „<ul>“ oder „<ol>“ sowie die einzelnen Listenelemente mit „<li>“.

Für Tabellen gibt es eine Reihe von HTML-Tags, z.B. zur Definition von Tabellenüberschriften („), Zeilen („) und Zellen innerhalb einer Zeile („). Links lassen sich mit “ und der Angabe der Sprungadresse definieren. Bilder und Objekte bindet man etwa mit “ oder “ ein. Formulare mit Eingabefeldern und Aktionsknöpfen können mit „, “ “ usw. gestaltet werden. Für die Einbindung von Scripts gibt es das Tag „. Hinzu kommen noch eine Reihe von HTML-Tags, mit denen direkt Formatierungen vorgenommen werden können, etwa “ für eine Darstellung in fetter Schrift oder “ für kursive Darstellung.

Im Internet findet man ausführliche Referenzen mit Erläuterungen aller gültigen HTML-Tags. Verantwortlich für die Pflege und Weiterentwicklung sowie die Dokumentation zum Thema HTML ist das W3C, das World Wide Web Consortium, auf deren Webseiten die technischen Spezifikationen zu den verschiedenen HTML-Versionen eingesehen werden können.

Zusammenfassung

HTML-Tags sind spezielle Kennzeichnungen in HTML-Dokumenten, die Webbrowsern Anweisungen zur Darstellung von Webinhalten geben. Diese Tags sind integraler Bestandteil der Hypertext Markup Language (HTML), einer Auszeichnungssprache, die ihre Ursprünge in der Metasprache SGML hat. Sie sind unverzichtbar für die Strukturierung und Formatierung von Webseiten und können Eigenschaften wie die Ausrichtung oder Klasse eines Elements definieren.

Ein HTML-Dokument besteht aus mehreren Hauptteilen: der Dokumenttypdeklaration, dem HTML-Kopfteil (HEAD) und dem HTML-Körper (BODY). Der Kopfteil enthält allgemeine Informationen wie den Titel der Seite und Verweise auf CSS-Dateien, während der Körper den eigentlichen Inhalt der Webseite beherbergt, strukturiert durch HTML-Tags.

HTML-Tags können in verschiedenen Varianten geschrieben werden, aber aus Gründen der Kompatibilität ist die Verwendung von Kleinbuchstaben empfehlenswert. Zudem gibt es unterschiedliche Gruppen von HTML-Tags, die für Struktur, Meta-Informationen, Textelemente, Tabellen, Links, Bilder und mehr verwendet werden.

Die Trennung von Inhalt und Format durch die Verwendung von externen Cascading Style Sheets (CSS) ist eine bewährte Methode, um optimale Darstellungen auf verschiedenen Plattformen zu gewährleisten.

Die Standardisierung und Weiterentwicklung von HTML liegt in den Händen des World Wide Web Consortium (W3C), das umfassende Dokumentationen und technische Spezifikationen bereitstellt.

Häufige Fragen und Antworten