Hast du dich schon einmal gefragt, wie die Programmiersprache, auf der im Grunde sämtliche Webseiten basieren, eigentlich konkret funktioniert? Hier ist eine kleine Einführung in die Welt der HTML Tags – jene Kommandos, die für die Erstellung von Websites essenziell sind.
HTML zum Aufbau einer Webseite
Jede Webseite braucht mindestens drei grundlegende HTML Tags, damit eine Darstellung entsteht, wie wir sie aus dem Internet kennen. In der HTML-Programmiersprache sind das Definitionen – Kommandos, die den grundlegenden Aufbau der Seite festlegen.
- DOCTYPE
- HEAD
- BODY
DOCTYPE, auf Deutsch Dokumenttyp, teilt dem Browser mit, um welchen Inhalt es sich handelt. Eine Webseite hat einen spezifischen DOCTYPE.
HEAD ist die Einleitung der Seite. Dieser Tag enthält Informationen, die vor allem für SEO relevant sind – und er erscheint nicht sichtbar auf der Seite selbst. Es ist Hintergrundinformation, die dem Browser und Suchmaschinen dient, nicht dem Besucher.
BODY ist der Tag, der für deine Besucher zählt. Hier bringt der Programmierer unzählige weitere HTML Tags unter und nimmt so Einfluss auf das Erscheinungsbild der Seite.
HTML Tags innerhalb der Kernbereiche
Für den Feinschliff einer Webseite brauchst du neben den «Kern Tags» noch weitere Kommandos. Hier sind einige besonders wichtige:
- Der META Tag gehört in den HEAD und gibt der Webseite einen SEO-Feinschliff. Suchmaschinen lesen diese Metadaten aus, ordnen die Seite zu und leiten daraus das Ranking ab. Im META Tag steckt zum Beispiel auch der NOINDEX-Befehl, der Suchmaschinen davon abhält, die Webseite zu indexieren.
- Der TITLE Tag sitzt ebenfalls im HEAD. Hier gibst du deiner Seite einen Namen – der zwar nicht im Kopfbereich erscheint, dafür aber in der Browserleiste und den Suchergebnissen.
- Für die textuelle Gestaltung gibt es eine Vielzahl von HTML Tags: Überschriften, Fett- und Kursivschrift, Aufzählungszeichen.
- Auch für Bilder braucht es einen HTML Tag. Durch die korrekte Codierung entsteht eine Bildansicht auf der Seite – das Bild selbst ist nicht im Code eingebettet. Der Tag erstellt einen Container und verlinkt auf den Ort, an dem das Bild gehostet wird.