Sonntag, 8. Juni 2008
Grundaufbau eines HTML/XHTML-Dokuments
Hallo Surfer, Webdesigner und Webdesign-Interessierte,
da mein erster Post mittlerweile ohne Komplikationen die Bloggerwelt erblickt hat, kann es jetzt mit einen Artikel über den Grundaufbau eines XHTML-Dokuments weitergehen.
Folgender Aufbau wurde früher oft für das Grundgerüst einer HTML-Datei herangezogen:
Aus heutiger Sicht wird dieser Grundaufbau aus mehreren Gründen nicht mehr verwendet.
Ein Vorteil soll jedoch nicht verschwiegen werden. Der Quelltext ist übersichtlich, weniger fehleranfällig und kann schnell mit einem Editor hingeschrieben werden.
Näheres zur Webseitengestaltung in XHTML für Anfänger finden Sie im XHTML-Workshop.
Heutzutage wird eine modernes XHTML-Dokument folgendermassen aufgebaut:
XML-Deklaration
Diese Zeile teilt den Browsern mit, dass es sich beim nachfolgenden Code um ein XHTML-Dokument handelt, und welcher Zeichensatz dazu benutzt wird. Bei Verwendung der Zeichensätze UTF-8 oder UTF-16, wie in diesem Beispiel, kann die XML-Deklaration auch weggelassen werden.
Dokumenttyp-Deklaration
Mit der Dokumenttyp-Deklaration wird die verwendete XHTML-Version der Datei spezifiziert und die URL der Dokument-Definition angegeben.
XML-Namensraumangabe
Es folgt die XML-Namensraumangabe mit Angaben zur verwendeten Sprache (hier: de) des XHTML-Dokuments.
Titel
Der Titel des Dokumentes ist sowohl für die Standardkonformität, als auch für die Optimierung der Webseitengestaltung zwingend erforderlich. Der Titel wird in den meisten Fällen in den Suchmaschinen-Ergebnissen als erstes angezeigt. Der Inhalt des Title-Tags wird von allen Suchmaschinen als
besonders wichtig für das Suchergebnis eingestuft.
Beschreibung
Auch die Beschreibung des Webdokumentes ist sehr wichtig für die Optimierung der Webentwicklung. Der hier angegebene Text ist wichtig für das Suchergebnis, und erscheint zusätzlich in den Suchmaschinen-Ergebnissen als zweite Zeile direkt unter
dem Titel der Webentwicklung.
MIME-Typ und Zeichensatzangabe
Hier wird für den Webserver der MIME-Typ und der Zeichensatz angegeben, mit welchem er die anfragenden Browser bedienen soll.
StyleSheet-Angabe
In dieser Zeile wird die externe Formatierungsdatei in das XHTML-Dokument eingebunden. An dieser Stelle wird davon ausgegangen, dass alle Formatierungen der Webentwicklung in dieser zentralen Formatierungsdatei angegeben werden.
Sollte das XHTML-Dokument selbst Style-Informationen beinhalten, so wird zusätzlich die folgende Meta-Angabe nötig, um die Standardkonformität der Webentwicklung zu gewährleisten:
da mein erster Post mittlerweile ohne Komplikationen die Bloggerwelt erblickt hat, kann es jetzt mit einen Artikel über den Grundaufbau eines XHTML-Dokuments weitergehen.
Folgender Aufbau wurde früher oft für das Grundgerüst einer HTML-Datei herangezogen:
<html>
<head>
<title>Titel</title>
</head>
<body>
<p>Inhalt</p>
</body>
</html>Aus heutiger Sicht wird dieser Grundaufbau aus mehreren Gründen nicht mehr verwendet.
- Standardkonformität: Der Quelltext entspricht nicht mehr den heutigen Standards der Webseitengestaltung.
- Optimierung: Der Quelltext ist ungeeignet für eine effektive Suchmaschinen-Optimierung.
Ein Vorteil soll jedoch nicht verschwiegen werden. Der Quelltext ist übersichtlich, weniger fehleranfällig und kann schnell mit einem Editor hingeschrieben werden.
Grundaufbau aus heutiger Sicht
Näheres zur Webseitengestaltung in XHTML für Anfänger finden Sie im XHTML-Workshop.
Heutzutage wird eine modernes XHTML-Dokument folgendermassen aufgebaut:
<?xml version="1.0" encoding="UTF-8"?>
<!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" lang="de" xml:lang="de">
<head>
<title>Titel</title>
<meta name="description" content="Beschreibung" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="formatierung.css" type="text/css" />
</head>
<body>
<p>Inhalt</p>
</body>
</html>
Die Zeilen im Einzelnen
XML-Deklaration
<?xml version="1.0" encoding="UTF-8"?>Diese Zeile teilt den Browsern mit, dass es sich beim nachfolgenden Code um ein XHTML-Dokument handelt, und welcher Zeichensatz dazu benutzt wird. Bei Verwendung der Zeichensätze UTF-8 oder UTF-16, wie in diesem Beispiel, kann die XML-Deklaration auch weggelassen werden.
Dokumenttyp-Deklaration
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">Mit der Dokumenttyp-Deklaration wird die verwendete XHTML-Version der Datei spezifiziert und die URL der Dokument-Definition angegeben.
XML-Namensraumangabe
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">Es folgt die XML-Namensraumangabe mit Angaben zur verwendeten Sprache (hier: de) des XHTML-Dokuments.
Titel
<title>Titel</title>Der Titel des Dokumentes ist sowohl für die Standardkonformität, als auch für die Optimierung der Webseitengestaltung zwingend erforderlich. Der Titel wird in den meisten Fällen in den Suchmaschinen-Ergebnissen als erstes angezeigt. Der Inhalt des Title-Tags wird von allen Suchmaschinen als
besonders wichtig für das Suchergebnis eingestuft.
Beschreibung
<meta name="description" content="Beschreibung" />Auch die Beschreibung des Webdokumentes ist sehr wichtig für die Optimierung der Webentwicklung. Der hier angegebene Text ist wichtig für das Suchergebnis, und erscheint zusätzlich in den Suchmaschinen-Ergebnissen als zweite Zeile direkt unter
dem Titel der Webentwicklung.
MIME-Typ und Zeichensatzangabe
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />Hier wird für den Webserver der MIME-Typ und der Zeichensatz angegeben, mit welchem er die anfragenden Browser bedienen soll.
StyleSheet-Angabe
<link rel="stylesheet" href="formatierung.css" type="text/css" />In dieser Zeile wird die externe Formatierungsdatei in das XHTML-Dokument eingebunden. An dieser Stelle wird davon ausgegangen, dass alle Formatierungen der Webentwicklung in dieser zentralen Formatierungsdatei angegeben werden.
Sollte das XHTML-Dokument selbst Style-Informationen beinhalten, so wird zusätzlich die folgende Meta-Angabe nötig, um die Standardkonformität der Webentwicklung zu gewährleisten:
<meta http-equiv="content-style-type" content="text/css" />Labels: Aufbau, Dokument, Optimierung, Standardkonformität, XHTML
# Eingestellt von wolfgang @ 06:38 
Abonnieren
Posts [Atom]
Kommentare:
Kommentar veröffentlichen
Links zu diesem Post:
<< Startseite
Abonnieren Kommentare zum Post [Atom]
Links zu diesem Post:
<< Startseite
Abonnieren Posts [Atom]