STARTSEITE SCHULNETZWERK HOGA-Web ÖNORM GLOSSAR DOWNLOADMit dem style-Element können Sie im Headbereich Dokumentenweite Stylesheetangaben machen. Diese Angaben werden dann durch sogenannte Selektoren angesprochen.
Natürlich wäre es sehr aufwendig, wenn wir jedes HTML-Tag mit Stylesheets belegen würden. Dies ist neben der aufwendigen Arbeit, auch nicht sinnvoll. Nehmen wir wieder das Beispiel mit der Überschrift 1 her.
Eine Überschrift 1 mit einem bestimmten Aussehen sollte tunlichst immer gleich aussehen, somit können wir diese Angaben im Kopfbereich definieren und Sie brauchen nicht jedes Mal, wenn Sie die Überschrift 1 anwenden, einfügen. Die meisten Formate die wir auf einer Webseite definieren, sollten für das ganze Dokument gelten.
<html>
<head>
<style type=“text/css“>
Stylesheet Angaben
</style>
<title>Titel des Dokumentes</title>
</head>
<body>
Inhalt der Seite
</body>
</html>
Die Formatangaben stehen im Inhaltsbereich des style-Elements; das style-Element benötigt das Attribut type mit dem Wert text/css.
Die Deklarationen werden mittels den Selektoren den gewünschten Bereichen zugeordnet.
Anmerkung:
Mit dem style-Element werden die Angaben zum Layout zwar aus dem Inhaltsbereich herausgenommen (im Unterschied zum style-Attribut), doch sie verbleiben nach wie vor im HTML-Dokument.
Bei Dokumenten, die nur aus einer einzelnen Seite bestehen, ist diese Vorgehensweise angebracht. Da Publikationen im Web üblicherweise aus mehreren verlinkten Seiten bestehen, sollten Layoutangaben in ein externes Stylesheet ausgelagert werden.