Direktnavigation

Weitere Infos

Sie lesen:
LB Teil 1 (2009)

Little Boxes Teil 1 (Cover)

Aktuell (2015)
Einstieg in CSS

Einstieg in CSS (Cover)


2. Auflage!

Einstieg in CSS (Cover)

Inhaltsbereich

3. Der Vorspann: <head>

Zwischen <head> und </head> steht eine Art Vorspann für die Webseite, der nicht im Textfenster des Browsers erscheint und Informationen über das Dokument selbst enthält, die von Browsern oder Suchmaschinen ausgewertet werden. Die vorläufig wichtigsten Elemente im Kopfbereich sind meta und title.

Informationen über das Dokument: <meta …>

In den Meta-Angaben können Sie verschiedene nützliche Anweisungen für Webserver, Webbrowser und Suchmaschinenrobots notieren, zum engeren Kern des Grundgerüstes gehört aber nur die Meta-Angabe zum Zeichensatz.

Es gibt keinen Ende-Tag </meta>, stattdessen wird der Befehl mit der Zeichenfolge Leerstelle – Schrägstrich – größer als beendet, hat also eine Art integrierten Ende-Tag:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

Dieses meta-Element sagt dem Browser, dass er zur Darstellung der Webseite den Zeichensatz ISO-8859-1 benutzen soll, den normalen Zeichensatz für westeuropäische Sprachen.

Normalerweise erfährt der Browser bereits bei der Übermittlung des Quelltextes vom Webserver, welchen Zeichensatz er verwenden soll, aber falls das aus irgendeinem Grund nicht passiert (weil die Seite z. B. lokal gespeichert ist), hilft diese meta-Angabe im head ihm auf die Sprünge.

Wissenswertes über Zeichensätze

Wenn Ihnen das Wort »Zeichensatz« nichts sagt, finden Sie im ersten Kapitel von »Little Boxes, Teil 2« eine kurze Einführung in das Thema. Online gibt es Infos dazu zum Beispiel bei SelfHTML und in der Einführung von Michael Jendryschik:

Der Name der Seite: <title>

title ist wahrscheinlich das am meisten unterschätzte HTML-Element und enthält einen kurzen Text, der an verschiedenen Stellen wieder auftaucht:

  • in der Browser-Titelleiste und den Ausklapplisten der Vor- und Zurück-Buttons
  • als Beschriftung der Register (TABs) in modernen Browsern
  • als Namensvorschlag für Favoriten bzw. Lesezeichen (Bookmarks)
  • in den Ergebnislisten der Suchmaschinen als optisch hervorgehobener Link

Ein guter Titel ist kurz und beschreibt den Inhalt der Webseite, wenn man diese nicht sieht. Startseite – infotekten.de ist besser als Willkommen oder Unbenanntes Dokument. Im Grundgerüst der Beispielseite lautet der Titel Startseite - Little Boxes (Webseiten gestalten mit HTML und CSS). Der auffällige blau unterstrichene Text in den Ergebnislisten von Google ist der Titel der Webseite.