Deine erste Homepage
Kapitel 4
Doctype Deklaration und Header

Hier machen wir mal einen Einschub mit ganz viel Fachchinesisch. Es ist im Moment noch nicht nötig, dass du dieses Kapitel wirklich verstehst. Und du wirst beim Betrachten der Seite im Browser auch keinen Unterschied erkennen. Aber für den nächsten Schritt müssen wir unser HTML einfach noch etwas ergänzen.

Wir ersetzen in unserer HTML Datei die folgenden Zeilen:

<html>
<head>
<title>Hier steht der Titel der Homepage</title>
</head>

durch:


<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">

<head>
<title>Hier steht der Titel der Homepage</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="language" content="de" />
<meta name="description" content="Hier eine Beschreibung des Inhalts der Seite" />
<meta name="keywords" content="Homepage, nicht, wichtig" />
<meta name="robots" content="index" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<link rel="stylesheet" type="text/css" media="print" href="print_style.css" />
<link rel="shortcut icon" href="favicon.ico" type="image/ico" />

</head>

Anmerkung:
Wenn du dein title-Tag in den vorherigen Lektionen geändert hast, dann musst du das jetzt nachvollziehen, und in der Zeile
<title>Hier steht der Titel der Homepage</title>
deinen eigenen title einsetzen.

Der komplette Quelltext sieht nun so aus:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="de" xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">

<head>
<title>Hier steht der Titel der Homepage</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="language" content="de" />
<meta name="description" content="Hier eine Beschreibung des Inhalts der Seite" />
<meta name="keywords" content="Homepage, nicht, wichtig" />
<meta name="robots" content="index" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<link rel="stylesheet" type="text/css" media="print" href="print_style.css" />
<link rel="shortcut icon" href="favicon.ico" type="image/ico" />

</head>

<body>

<h1>Meine erste Homepage</h1>
<p>Das möchte ich der ganzen Welt mitteilen.</p>

<h2>Mein Leben</h2>
<p>In diesem Absatz steht ganz viel über mein Leben.</p>

<h2>Meine Freunde</h2>
<p>Freilebende Gummibärchen gibt es nicht. Man kauft sie in Packungen an der Kinokasse.
Dieser Kauf ist der Beginn einer fast erotischen und sehr ambivalenten Beziehung Gummibärchen-Mensch.
Zuerst genießt man. Dieser Genuß umfaßt alle Sinne.
Man wühlt in den Gummibärchen, man fühlt sie.
Gummibärchen haben eine Konsistenz wie weichgekochter Radiergummi.
Die Tastempfindung geht auch ins Sexuelle.
Das bedeutet nicht unbedingt, daß das Verhältnis zum Gummibärchen ein geschlechtliches wäre,
denn prinzipiell sind diese geschlechtsneutral.</p>

<h2>Hobbies</h2>
<ul>
<li>Dies ist mein erstes Hobby in einer langen Liste</li>
<li>Dies ist mein zweites Hobby in einer langen Liste</li>
<li>...</li>
<li>...</li>
<li>Dies ist mein letztes Hobby in einer langen Liste</li>
</ul>

</body>
</html>

Dieses Beispiel anschauen

Anmerkung:
Mit den Ergänzungen, die wir in diesem Kapitel in unsere Datei eingefügt haben, erfüllt unser HTML höchste Ansprüche an sauberen Code. Genau genommen haben wir jetzt nicht mehr HTML, sondern XHTML 1.0 Strict. Damit bringt unsere Datei alle Voraussetzungen mit, um wirklich in allen Browsern zu funktionieren. Und gleichzeitig haben wir auch noch eine der wichtigsten Voraussetzungen geschaffen, barrierefreie Seiten zu erstellen.

Anmerkung 2:
Falls du später einmal mehr wissen willst über die Bedeutung der vielen Codezeilen, die wir im Kopf unserer Datei eingefügt haben, dann ist Selfhtml die beste Quelle.

Zurück zum vorigen Kapitel | Weiter zum nächsten Kapitel

Impressum • Datenschutzerklärung

Deine erste HomepageKapitel 4Doctype Deklaration und Header

Deine erste Homepage
Kapitel 4
Doctype Deklaration und Header