Hypertext Markup Language (HTML)
TL;DR
HTML (HyperText Markup Language) ist eine Sprache, die zur Erstellung von Webseiten verwendet wird. Einige Seiten können direkt in HTML geschrieben werden, während andere Seiten mit Hilfe von Page Buildern oder anderen Tools erstellt werden können, die ebenfalls HTML-Ausgaben produzieren, die wiederum von Browsern gelesen werden können.
Was bedeutet HTML?
HTML steht für HyperText Markup Language und ist die Sprache, die zur Erstellung von Webseiten verwendet wird. Sie verwendet Markups, um Elemente zu definieren und zu gestalten. So können beispielsweise Schriftarten, Farben, Position, Links usw. definiert werden. Auch wenn die meisten Website-Ersteller nicht direkt in HTML schreiben, sind die endgültigen Ausgaben, die von Webbrowsern gelesen und interpretiert werden, im HTML-Format. Wenn Sie mit der rechten Maustaste auf eine beliebige Webseite klicken und "Seitenquelltext anzeigen" wählen, sollte die erste Textzeile in dem sich öffnenden Fenster daher <!doctype html> lauten.
Wie ist die Struktur einer HTML-Seite?
Die Strukturen können zwar variieren, aber einige der Elemente, die Sie in jeder HTML-Seite finden sollten, sind die folgenden (mit Erklärungen in Kursivschrift). Überprüfen Sie dies auf einer beliebigen Webseite, indem Sie mit der rechten Maustaste auf eine beliebige Stelle klicken und "Seitenquelle anzeigen" wählen:
- dies zeigt dem Webbrowser, dass es sich um eine lesbare HTML-Datei handelt
<html lang="en"> - dies zeigt die Sprache an, in der die Webseite geschrieben ist
<head> - dies markiert den Beginn des Kopfteils, in dem allgemeine Codes platziert werden
<title>Titel der Seite</title> - dies ist ein Meta-Tag, der den Titel der Seite anzeigt, der im Browser-Tab erscheint
<meta name="description" content="..." /> - hier wird beschrieben, worum es auf der Seite geht, für Suchmaschinen
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, user-scalable=0" /> - dies ist ein Befehl, der angibt, wie die Webseite auf verschiedenen Bildschirmgrößen angezeigt werden soll
<meta name="robots" content="index,follow" /> - dies teilt den Bots, die die Seite crawlen, mit, dass sie sie indizieren und zu den Suchmaschinenergebnissen hinzufügen können
<link rel="stylesheet" type="text/css" href="/css/style/style.css"> - dies verbindet den HTML-Code mit einer CSS-Datei, in der eine detailliertere Gestaltung des Textes vorgenommen wird
<script src="/js/random.js" type="text/javascript"></script> - verbindet die HTML-Seite mit einer JavaScript-Datei, mit der eine Aktion auf der Webseite ausgeführt wird
<link rel="canonical" href="https://yourpage.com"/> - wenn es Seiten mit ähnlichem Inhalt gibt oder die Seite unter mehr als einer URL zu finden ist, zeigt dies den Crawlern, welche URL für die Autorität berücksichtigt werden soll
</head> - dies schließt den Kopfbereich ab
<body> - öffnet den Body-Bereich, in dem der eigentliche Inhalt der Seite platziert wird
- dies öffnet einen Abschnitt namens container, der normalerweise den Rahmen für den Inhalt bildet
Dies sind die ersten Worte, die auf Ihrer Website angezeigt werden
- ein Text, der in der zugehörigen CSS-Datei gestylt werden kann
...
</body>
