Informatik - HTML, ein erstes Dokument

Grundlagen

Pfad: Startseite / Fächer / Informatik / HTML / Grundlagen

Autor: mk
26.08.2007 15:18
2225

Ein valides "Hallo Welt"-Dokument

<?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 xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>erstes HTML-Dokument</title>
  </head>
  <body>
    <p>Hallo Welt!</p>
  </body>
</html>

Erläuterungen

In der Zeile

<?xml version="1.0" encoding="ISO-8859-1" ?>

wird angezeigt, dass das Dokument ein xml-Dokument ist, das mit dem Zeichensatz ISO-8859-1 codiert ist. Durch die Verwendung dieses Zeichensatzes ist z.B. ein Umschreibung der deutschen Umlaute unnötig.

Die beiden Zeilen (wer möchte kann auch nur eine Zeile verwenden)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

geben den sogenannten DOCTYPE des Dokumentes an. Im vorliegenden Fall wird die Einhaltung der XHTML1.0-Regeln 'versprochen'.

Das Attribut 'xmlns="http://www.w3.org/1999/xhtml' in der Zeile

<html xmlns="http://www.w3.org/1999/xhtml">

legt den sogenannten Namensraum fest.

Kompatibilität mit alten Browsern

Der Netscape Communicator 4.7 zeigt nach obigem Standard valide Dokumente an, wobei bei CSS-Elementen mit Fehlern zu rechnen ist.

Manchmal gibt es auch Gründe für Fehler ...

Wer wissen will, warum viele unserer Seiten auf die erste Zeile <?xml .. verzichten und damit fehlerhaft sind, möchte z.B. bei www.mediaevent.de nachlesen.

Vorerst wird empfohlen, folgende Vorlage (grund0.html) zu verwenden:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>erstes HTML-Dokument</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Hans Mustermann" />
</head>
<body>
<p>Hallo Welt!</p>
</body>
</html>

Durch den Verzicht auf die erste Zeile (<?xml ..) muss die verwendete Zeichencodierung später in einem meta-Element nachgeholt werden.

Zwar sieht ein Dokument durch entsprechende Einrückungen übersichtlicher aus, aber es geht viel Platz verloren. Das heißt, Einrücken nur dann, wenn es besonders auf Übersichtlichkeit ankommt.

Die Angabe des Datei-Autors bzw. der Datei-Autorin soll in der beschriebenen Art erfolgen.

Ein Dokument mit CSS

css0.html mit CSS-Datei style0.css :

<?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 xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ein HTML-Dokument mit CSS und einigen Grundelementen</title>
<meta name="author" content="mk" />
<link rel="stylesheet" type="text/css" href="style0.css" />
</head>
<body >
<h1>Überschrift 1</h1>
<h2>Überschrift 2</h2>
<p>Dies ist der Text im ersten Absatz.</p>
<h3>Überschrift 3</h3>
<ul>
<li>abc</li>
<li>def</li>
<li>ghi</li>
</ul>
<p>Absatz mit <a href="http://de.wikipedia.org">Link</a></p>
<p>Absatz mit Bild
<img src="staufine.gif" alt="Staufine mit transparentem Hintergrund" />
</p>
</body>
</html>

body { font-family:verdana; color:#0000FF;
       background-color:#DDDDFF;          }
h1   { color:#FF0000; text-align:center;  }

'Falle' bei der Verwendung von PHP

Der Tag '<?xml..' wird von vielen PHP-Präprozessoren wegen des Anfangs '<?' als PHP erkannt, worauf sofort ein Parse-Error folgt. Das lässt sich vermeiden, wenn die erste Zeile komplett von PHP ausgegeben wird:

<?php echo "<?xml version=\"1.0\" encoding=\"ISO-8859-1\" ?>\n"; ?>

lokal