3.1.1.6.1. Head

Head eines HTML-Dokuments (HTML-Kopf): schließt die einzelnen Meta-Daten (Tags) sowie den Title des Dokuments ein, d.h. technische und dokumentarische Informationen, die man nicht im Browserfenster lesen kann.

Die Informationen, die sich im HTML-Kopf befinden, sind für die Leser nicht sichtbar. Ihre Funktion besteht also darin, zusätzliche Informationen für den Browser darzulegen, die als Meta-Informationen bezeichnet werden.

Der HTML-Kopf (Abbildung 11) charakterisiert sich mit den folgenden Elementen:

Title: der Titel der Webseite
Meta: enthält viele Meta-Informationen über die Seite

<title>Online-Shop-Manager - Wir managen Ihren Online Shop!: Home</title>

<meta name="robots" content="index,follow">

<meta name="language" content="de">

<meta name="city" content="Bamberg">

<meta name="country" content="Germany">

<meta name="state" content="Bayern">

<meta name="zipcode" content="96050">

<meta name="geo.region" content="DE-BY">

Base: gibt eine Internetadresse (Basis-URL) oder BasisFrame an.

Link: meint die Angabe von logischen Beziehungen zu anderen Ressourcen. In den meisten Fällen wird zum Integrieren von Stylesheets (z.B. CSS) benutzt.

<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_a4f003c202.css" />

Script: bindet Code in einer bestimmten Skriptsprache ein (z.B. JavaScript)

<script type="text/javascript" src="typo3temp/javascript_757c080409.js"></script>

Wie verläuft aber praktisch der Programmierungsprozess? Wie wird überhaupt ein HTML-Dokument erstellt? Obwohl es ziemlich kompli-ziert aussieht, bringen die notwendigen theoretischen Kenntnisse und die Übungen dazu das gewünschte Ergebnis. Generell gilt es, dass die einzelnen Einträge durch die sogenannten „Tags“ voneinander abge-grenzt werden. 

Tags: sind Schlagworte, die Metainformationen für verschiedene Produkte, Dienstleistungen, Marken, Artikeln u.a. liefern. Diese werden meistens nach relevanten Kriterien gruppiert (z.B. nach Buchstaben, nach Relevanz oder Häufigkeit u.a.)

Zu dem Zweck muss ein bestimmter Tag geöffnet werden, d.h. der Name des Tages wird in spitzen Klammern (< >) gesetzt. Danach kommt der Inhalt des Eintrags, und dann wird der Tag geschlossen. Das Schließen eines Tags erfolgt, wenn er wieder in spitzen Klammern gesetzt wird, aber vor seinem Namen wird auch einen Schrägstrich geschrieben.
z.B.: <title>Babyausstattung, Wickeltaschen, Ausstattung für Babyzimmer – erdfloh.de</title>

-->

<!DOCTYPE html

        PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

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

        <base href="http://www.onlineshopmanager.de/" />

        <link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_a4f003c202.css" />

        <meta name="author" content="www.cocon.net">

<meta name="abstract" content="Online Shop Management, Online Marketing, Suchmaschinenmarketing">

<meta name="page-topic" content="Online Shop Managemen, cocon, cocon.net, Online Marketing, Suchmaschinenmarketing">

<meta name="page-type" content="Online Shop Managemen, cocon, cocon.net, Online Marketing, Suchmaschinenmarketing">

<meta name="audience" content="Online Shop Managemen, cocon, cocon.net, Online Marketing, Suchmaschinenmarketing">

<meta name="revisit-after" content="20">

<meta name="reply-to" content="info@cocon.net">

<meta name="robots" content="index,follow">

<meta name="language" content="de">

<meta name="city" content="Bamberg">

<meta name="country" content="Germany">

<meta name="state" content="Bayern">

<meta name="zipcode" content="96050">

<meta name="geo.region" content="DE-BY">

        <link href="fileadmin/template/stylesheet_manager.css" rel="stylesheet" type="text/css" >

          <!--[if IE]>

    <style type="text/css">@import url(fileadmin/template/stylesheet_manager_ie.css);</style>

  <![endif]-->

        <title>Online-Shop-Manager - Wir managen Ihren Online Shop!: Home</title>

        <meta name="generator" content="TYPO3 4.0 CMS" />

        <meta name="DESCRIPTION" content="Online Shop Management, Online Marketing, Suchmaschinenmarketing," />

        <meta name="KEYWORDS" content="Online Shop Managemen, cocon, cocon.net, Online Marketing, Suchmaschinenmarketing," />

        <script type="text/javascript" src="typo3temp/javascript_757c080409.js"></script>