HTML

Aus Social Media Manager
Zur Navigation springen Zur Suche springen

HTML (engl. Abk. von Hypertext Markup Language) ist eine textbasierte Auszeichnungssprache zur Erstellung von Websites. Die, mit Hilfe von HTML beschriebene Struktur, wird von einem Webbrowser interpretiert und optisch gut erkennbar angezeigt.


Geschichte

Der britische Physiker und Informatiker Timothy Berners-Lee entwickelte in den Jahren 1989-1990 die erste, sehr einfache HTML-Version zum schnellen, strukturierten Austausch von Forschungsergebnissen unter den Wissenschaftlern des CERN (Europäische Organisation für Kernforschung). In den 90-er Jahren wurde die HTML-Grundversion stets verbessert und weiterentwickelt, so dass bereits 1997 die Version HTML4 zur Verfügung stand. Diese erlaubte beispielsweise eine Trennung der Inhalte von Formatierungen. Die HTML5-Version ist seit Oktober 2014 verfügbar. Die aktuellste Entwicklung: Seit dem 15. September 2016 empfiehlt das W3-Konsortium die HTML5.1-Version als Standard (https://www.w3.org/TR/html51/).

Grundstruktur

Mit Hilfe von HTML-TAGs werden Bereiche festgelegt, die auf bestimmte Weise angezeigt werden sollen. Der HTML-TAG beginnt mit einem Anfangs-TAG <befehl> und endet mit einem End-TAG </befehl>

Eine vereinfachte Ansicht eines HTML-Dokuments:

<html>

<head>

<title> aussagekräftiger Titel der Seite</title>

(<description> nähere Beschreibung</description>)

</head>

<body> Inhalt

</body>

</html>

HTML und Suchmaschinenoptimierung – SEO

Für die Onpage Optimierung einer Webseite spielen beispielsweise die Elemente <title> und <description> im <head> eine große Rolle. Hier werden Elemente, wie der Titel der Seite und eine Seiten-Beschreibung festgelegt. An dieser Stelle eingefügte Keywords können dazu beitragen, dass die Website von Suchmaschinen besser gefunden wird. Es ist außerdem sinnvoll, die im Vorfeld sorgfältig ausgewählten Keywords in den ersten 100-150 Worten im <body> zu platzieren und hervorzuheben.

Die Verwendung der Überschrift <h2> ist der wichtigste h-TAG, der das Ranking verbessert.

Es gibt noch zahlreiche weitere Möglichkeiten, das Finden der Website durch die Google-Suchmaschinen zu optimieren.

Beispiele für HTML-Befehle (engl. HTML-TAGs)

Einige Beispiele für HTML-Befehle

Text strukturieren

Hauptüberschrift: <h1> … </h1>

Absatz: <p> … </p>

Trennlinie: <hr>

Text hervorheben

Schrift fett: <strong> … </strong>

Schrift kursiv: <i> … </i> oder <em> … </em>

Schrift klein: <small> … </small></p>

Quellen