Moosburg Online: www.moosburg.org
HTML-Tags für Header und Body

Hier werden die wichtigsten HTML-Tags erklärt, die auf den Seiten von Moosburg Online verwendet werden. Weitere Gestaltungshinweise siehe Styleguide.



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Angabe der HTML-Version

Am Anfang der Seite steht die Angabe der verwendeten HTML-Version, hier HTML 4.01 Transitional. Man sollte freilich von einem HTML-Validator überprüfen lassen, ob die Seite auch den Richtlinien dieser HTML-Version entspricht: z.B. WDG HTML Validator oder W3C HTML Validation Service. Nur "valide" HTML-Seiten sind wirklich für alle Benutzer problemlos aufrufbar. Weitere Informationen beim World Wide Web Consortium (W3C).

<HTML> Beginn des HTML-Quelltextes
<HEAD> Beginn des Headers

Der Header oder Kopf einer HTML-Seite ist (mit Ausnahme des Titels) im Browser nicht zu sehen. Er dient zur Beschreibung der Seite für Suchmaschinen (Google, Yahoo, AltaVista usw.). Damit diese immer auf den neuesten Stand der Seiten im Web sind, schicken sie spezielle Programme aus, sog. Web-Robots (auch Spiders, Crawlers, Wanderers, Ants genannt), welche die auf den Servern liegenden Seiten scannen und die ausgelesenen Daten in die Datenbanken der Suchmaschinen eintragen.

<TITLE>Moosburg Online: HTML-Tags</TITLE>

Das ist der Titel der Seite, wie er in der Titelleiste des Browsers zu sehen ist.
Seiten, die zusammen gehören, sollten alle mit einem Oberbegriff beginnen. Die Titel der Moosburger Seiten lauten:
"Moosburg Online: Thema der Seite" oder z.B.: "Vereinsname: Thema der Seite"

<META NAME="ROBOTS" CONTENT="Index,Follow">
<META NAME="REVISIT" CONTENT="After 3 days">

Anweisung an Web-Robots, die Seite zu indizieren und auch den darauf verwendeten Links zu folgen. Bei häufig geänderten Seiten können Robots aufgefordert werden, die Seite nach einer bestimmten Zeit erneut aufzusuchen.
(Nicht alle Robots verstehen allerdings Meta-Tags; sie suchen stattdessen nach Anweisungen in einer speziellen Textdatei, die es deshalb auch bei Moosburg Online gibt: www.moosburg.org/robots.txt. - Siehe auch The Web Robots Page.)

<META NAME="DESCRIPTION" CONTENT="Moosburg Online: Thema der Seite">

Web-Robots tragen die Beschreibung in ihre Datenbanken ein.
Es ist wichtig, in diese Beschreibungszeilen einen aussagekräftigen Text zu setzen. Dann wird die Seite im Web gefunden und ihr Thema angezeigt. Wenn diese Zeilen dagegen leer bleiben, werden normalerweise die ersten (ca. 250) Zeichen der Seite selbst eingelesen, und die geben ja nicht unbedingt den eigentlichen Inhalt wieder.

<META NAME="KEYWORDS" CONTENT="Header,Body,Meta-Tag,MetaTag,Metatag">

Schlüsselworte für Web-Robots.
Hier können Suchbegriffe an den Robot übergeben werden.
Je mehr Worte in unterschiedlicher Schreibweise in diesen Zeilen stehen, desto öfter wird die Seite bei unterschiedlichen Suchanfragen gefunden. Auch das dient der Verbreitung.
Es sollten aber nur Schlüsselworte dort stehen, die den Inhalt dieser einen Seite beschreiben.

<META NAME="AUTHOR" CONTENT="Werner Schwarz">

Hier steht im Quelltext, wer die Seite erstellt hat.
Diese Zeile sollte auf jeder HTML-Seite stehen.

<META NAME="LANGUAGE" CONTENT="de">

Hier wird die Sprache der Seite angegeben.

<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html;CHARSET=iso-8859-1">

Daß Sonderzeichen auf jedem Computer richtig dargestellt werden, veranlaßt dieser Tag.

<!--<BASE HREF="http://www.moosburg.org/design/tags.html">-->

Mit <BASE HREF="..."> werden die relativen Links auf der Seite einer bestimmten Basis-Adresse zugeordnet. Das sollte aber bei den Moosburger Seiten auf jeden Fall vermieden werden, weil sie sowohl unter http://www.moosburg.org als auch unter http://www.weihenstephan.org/orte/moosburg erreichbar sein sollen. Deshalb also diesen Tag einfach weglassen oder als Kommentar kennzeichnen: <!-- ... -->. So kann der Leser wenigsten im Quelltext die Adresse ermitteln.

<SCRIPT LANGUAGE="JavaScript"> <!-- ... //--></SCRIPT>

Mit JavaScript können im Header verschiedene Funktionen definiert werden. Bei Moosburg Online sind das z.B. dynamische Buttons, wie sie auch auf dieser Seite vorkommen. Sie müssen aber nicht verwendet werden.

</HEAD> Ende des Headers.

<BODY BGCOLOR="#FFFFF0" TEXT="#330099" LINK="#330099" VLINK="#FF0000" ALINK="#FF0000">
Anfang des darstellbaren Textkörpers und Farbeinstellungen
Die Farben des Hintergrundes (Elfenbein), des Textes (Dunkelblau), der Links (Dunkelblau), der besuchten Links (Rot) und der angeklickten Links (Rot) sollten auf den Seiten einheitlich sein.

[...] Jetzt kommt der eigentliche Seitentext, der mit diesen Hinweisen enden sollte:

Zuletzt bearbeitet am 1.4.2000 von &copy; <A HREF="../mooswww.html">Autorenname</A> (<A HREF="../mail.html">E-Mail</A>) - <A HREF="../recht.html">Es gilt das Urheberrecht!</A>

oder

Zuletzt bearbeitet am 1.4.2000 vom &copy; <A HREF="../mooswww.html">WebTeam Moosburg</A> - <A HREF="../recht.html">Es gilt das Urheberrecht!</A>

Diese Angaben sollten jede Seite abschließen, um Autor und Datum anzuzeigen. Mitglieder des WebTeams können statt ihrem Namen auch das Team angeben, doch völlig anonyme Seiten sind nicht erwünscht. Der empfohlene Hinweis auf das Urheberrecht (&copy; = ©) ist eine Vorsichtsmaßnahme gegen den Datenklau im Internet.
Aus der Formulierung <A HREF="../mooswww.html"> ist übrigens ersichtlich, daß innerhalb von Moosburg Online bei Verweisen auf Bilder und andere Seiten nur relative Links verwendet werden.

</BODY> Ende des darstellbaren Textkörpers.
</HTML> Ende des HTML-Quelltextes.

Die Vorlage für die Urversion dieser Seite stammt von Werner Gottwald. Besten Dank!

Bürgernetz Weihenstephan Moosburg Online Designzentrum
Zuletzt bearbeitet am 14.10.2004 von © Werner Schwarz - Es gilt das Urheberrecht!