Seitentitel und Zeichensatz

Jetzt füllen wir den head. Fast jede Webseite hat dort diese zwei Elemente.

Das erste ist title, der Titel der Seite. Der Browser zeigt ihn im Tab an (im Bild aus der vorigen Übung war es Start Coder), und Suchmaschinen wie Google zeigen ihn als Überschrift jedes Suchergebnisses an. Die Vorschau hier hat keinen Tab, deshalb siehst du den Titel darin nicht, aber er ist da.

<title>Meine erste Seite</title>

Das zweite ist meta, kurz für Metadaten, also Daten über die Seite. Dieses Element sagt dem Browser, in welchem Zeichensatz die Seite geschrieben ist, damit er Buchstaben wie ä, ö, ü oder ß richtig liest und keine seltsamen Zeichen anzeigt. utf-8 ist ein Zeichensatz, der die Buchstaben fast jeder Sprache der Welt abdeckt.

<meta charset="utf-8">

Hier gibt es zwei neue Dinge. Der Teil charset="utf-8" heißt Attribut. Attribute erklären wir in der Lektion über weiterführende HTML-Elemente, kopiere ihn also vorerst einfach so. Und meta hat kein schließendes Tag, weil es keinen Inhalt hat. Einige andere Elemente funktionieren genauso, wir lernen sie später kennen.

Das Element meta steht im head ganz vorn, vor title, damit der Browser weiß, wie er die Buchstaben lesen soll, bevor er zu irgendeinem Text kommt:

<head>
	<meta charset="utf-8">
	<title>Meine erste Seite</title>
</head>