html css php mysql javascript
Bild zum Thema

Der Bereich <head>

Jedes HTML-Dokument ist zweigeteilt und besteht aus einem oberen Bereich, <head>, und dem unteren Bereich <body> (siehe "Grundgerüst"). Im Bereich <head> werden Informationen für Browser, Server und Suchmaschinen hinterlegt. Abgesehen von Tag <title> werden alle Einträge in diesem Bereich dem Besucher der Webseite nicht angezeigt.

Elemente im Bereich <head>

Das <title>-Tag im <head>

Syntax:
<title>Titel (50-60 Zeichen)</title>

Bemerkung:
Darf nur einmal im Dokument vorkommen

Der <title> gibt deinem Dokument einen Titel. Dieser wird im Browser im Tabreiter angezeigt und ist der vordefinierte Name wenn die Seite in eine Favoritenliste übernommen werden soll. Er ist auch ein Kriterium für Suchmaschinen (Stichwort: SEO) und sollte daher kurz aber prägnant gewählt werden. Eine Länge zwischen 50-60 Zeichen hat sich als zweckmäßig erwiesen.

Beispiel:
<title>Webdesign - Einstieg in HTML, css & Co. leicht gemacht</title>

Das <meta>-Tag im <head>

Sytax:
<meta name="name" content="wert">

Bemerkung:
Das <meta> hat keinen schließenden Tag!

<meta>-Tags bestehen (fast) immer aus einer Kombination aus Schlüssel und Wert (keyword/value). Eine Ausnahme ist z.B. das <meta>-Tag zur Festlegung des Zeichensatzes (siehe Beispiele).

Beispiele (Liste unter <meta>):

Das <link>-Tag im <head>

Sytax:
<link rel="name" href="pfad">
<link rel="name" type="typ" href="pfad" sizes="any">

Bemerkung:
Das <link> hat keinen schließenden Tag!

<link>-Tags haben immer ein "rel"-Attribut. Damit wird angegeben welche Beziehung (Sinn, Zweck) die zu ladende Resource im Dokument erfüllt (rel = Relationship (engl.: Beziehung)).

Beispiele (Liste unter "rel"):

Das <style>-Tag im <head>

Sytax:
<style>...css-code...</style>

Bemerkung:
CSS-Code sollte besser in einer externen Datei abgelegt und mit <link> eingebunden werden.

Beispiel:


  <style>
    a {
      color: red;
      margin-left: 10px;
    }
  </style>