HTML
- Lesezeit
- 2 Minuten
- Kapitel
- 4
HTML steht für Hypertext Markup Language und ist die Sprache, in der Webseiten geschrieben sind. Sie legt fest, was auf einer Seite eine Überschrift ist, was ein Absatz, ein Bild oder ein Link. Dein Browser liest diesen Code und baut daraus die Seite, die du auf dem Bildschirm siehst.
So funktioniert HTML
HTML arbeitet mit sogenannten Tags. Das sind kurze Kennzeichnungen in spitzen Klammern, die einen Inhalt einrahmen. Steht ein Satz zwischen <h1> und </h1>, weiß der Browser: Das ist die Hauptüberschrift der Seite. Ein <a> macht aus einem Wort einen Link, ein <img> bindet ein Bild ein.
Streng genommen ist HTML keine Programmiersprache. Es rechnet nichts und trifft keine Entscheidungen. Es beschreibt nur, welche Rolle jedes Stück Inhalt auf der Seite spielt. Daher der Begriff Auszeichnungssprache.
Neben dem sichtbaren Teil enthält jede HTML-Seite einen Kopfbereich, den Besucher nicht direkt sehen. Dort stehen zum Beispiel der Seitentitel, der im Browser-Tab und bei Google erscheint, und die Meta Description.
HTML, CSS und JavaScript
Fast jede Website besteht aus diesen drei Teilen, und jeder hat seine eigene Aufgabe. HTML liefert Inhalt und Struktur. CSS bestimmt das Aussehen, also Farben, Schriften und Abstände. JavaScript kommt dazu, wenn sich auf der Seite etwas bewegen oder auf Klicks reagieren soll.
Ohne HTML gibt es keine Webseite. Ohne CSS wäre sie schwarzer Text auf weißem Grund, lesbar, aber ungestaltet. Auf JavaScript kann eine einfache Seite zur Not ganz verzichten.
Warum sauberes HTML für dich zählt
Google liest deine Seite über das HTML. Gibt es genau eine Hauptüberschrift, stehen die Zwischenüberschriften in sinnvoller Reihenfolge und hat jede Seite einen eigenen Titel, versteht die Suchmaschine leichter, worum es geht. Mehr dazu im Ratgeber SEO-Grundlagen.
Auch Screenreader, mit denen blinde Menschen Websites nutzen, verlassen sich auf das HTML. Sie springen von Überschrift zu Überschrift und lesen Bildbeschreibungen vor, sofern es welche gibt. Ist ein Button im Code gar kein Button, kommt man mit der Tastatur nicht daran. Was das rechtlich bedeutet, beschreibt der Ratgeber Barrierefreie Website.
HTML bei AK86
Wenn wir eine Website mit WordPress und Elementor oder WPBakery bauen, schreibst du selbst kein HTML. Das System erzeugt den Code aus dem, was du im Editor einträgst. Wir legen dabei fest, welche Überschrift welche Ebene bekommt und wie die Seiten aufgebaut sind (Web-Entwicklung).
Wie gut das klappt, lässt sich messen. Die Website für Vimoria, Einrichtungen für Menschen mit Demenz, erreicht im SEO-Test von Google Lighthouse 100 Punkte (Projekt ansehen).
Verwandte Begriffe: CSS · JavaScript · CMS · Strukturierte Daten
Und? Bock auf sowas?
