Grundlegendes zu Formatierung und Stilen
Allgemein gesprochen gibt es zwei Verfahren, die ein Webautor zur Formatierung von Inhalten verwenden kann. Beide Techniken sind Ihnen wahrscheinlich aus den gängigen Textverarbeitungsprogrammen bekannt.
Einzelinstanzformatierung
Bei der ersten Methode wird die Formatierung direkt auf einen bestimmten Inhaltsabschnitt angewendet (z.B. einen Absatz, einen Satz oder ein Wort). Sie wählen die zu formatierenden Inhalte und verwenden anschließend die Befehle der Symbolleisten oder Menüs, um Eigenschaften wie z.B. Schriftart, Textgröße, Ränder oder Rahmen zu ändern. Diese Methode wird als “Einzelinstanzformatierung” bezeichnet, da die Formatierung nur auf eine einzelne Instanz bestimmter Inhalte angewendet wird. Natürlich können Sie genau die gleiche Formatierung auf mehrere Inhaltsabschnitte anwenden, Sie müssen hierzu jedoch jeden Inhaltsabschnitt einzeln auswählen und formatieren.
Stile
Die zweite Methode ist weitaus leistungsfähiger. Bei dieser Technik definieren Sie einen Stil – eine Zusammenstellung von Darstellungseigenschaften und -werten. Nach der Definition können Sie einen Stil auf einen beliebigen Inhaltsabschnitt anwenden, indem Sie den Stil einfach in einem Menü auswählen. Alternativ können Sie einen Stil definieren, der automatisch auf alle Instanzen eines bestimmten Elementtyps angewendet wird.
Wenn Sie beispielsweise ein Onlinebuch schreiben, könnten Sie einen Stil für einleitende Informationen definieren, die zu Beginn aller Kapitel erscheinen. Sie könnten festlegen, dass diese Absätze an beiden Seiten zwei Zentimeter eingerückt, in einer Kursivschriftart dargestellt und mit einem größeren Zeilenabstand als normal angezeigt werden. Nach Definition des Stils können Sie ihn auf einen Absatz anwenden, indem Sie den Stil aus dem Menü Stil auf der Formatierungsleiste auswählen. Als weiteres Beispiel könnten Sie einen Stil für Aufzählungen definieren, der als Aufzählungszeichen Kästchen verwendet und den Aufzählungstext fett formatiert. Der definierte Stil würde anschließend automatisch auf alle Aufzählungen angewendet werden.
Stile sind in einem so genannten Stylesheet enthalten. Ein internes Stylesheet ist ein Stylesheet, das zu einem Dokument gehört – das Stylesheet liegt im <head>-Abschnitt des HTML-Quellcodes für das Dokument vor und kann ausschließlich durch dieses Dokument verwendet werden. Ein externes Stylesheet liegt dagegen als separate Textdatei vor. Sie können in einem beliebigen Dokument auf ein externes Stylesheet verweisen, um die im Stylesheet definierten Stile für das Dokument verfügbar zu machen. Die Verknüpfung mit einem externen Stylesheet ist eine äußerst effektive Vorgehensweise, da Sie durch einfache Bearbeitung einer Datei die Fomatierung aller Dokumente ändern können, die mit dem Stylesheet verknüpft sind.
Beide Formatierungstechniken – Einzelinstanzformatierung und Stile – haben bestimmte Einsatzgebiete, und es ist möglich, beide Methoden innerhalb eines Dokuments (sogar für den gleichen Inhaltsabschnitt) zu verwenden. Mit einigen wenigen Ausnahmen können mit beiden Techniken beliebige Formate angewendet werden. Verwenden Sie Stile, wenn Sie dieselbe Formatierung auf viele oder alle Instanzen eines Elements anwenden möchten. Verwenden Sie die Einzelinstanzformatierung, wenn Sie die Standardformatierung für einen Inhaltsabschnitt oder einen angewendeten Stil für eine Instanz einer Inhaltsklasse außer Kraft setzen möchten.
Der Unterschied zwischen der Einzelinstanzformatierung und der Formatierung mithilfe von Stilen steht nur teilweise in Zusammenhang mit den Unterschieden zwischen HTML- und CSS-Formatierung. Wenngleich Stile ausschließlich CSS-Eigenschaften verwenden (keine darstellungsbezogenen HTML-Elemente oder -Attribute), können Einzelinstanzformate HTML-Elemente und -Attribute, CSS-Eigenschaften oder eine Kombination aus beidem verwenden. Wenn ein Einzelinstanzformat CSS-Eigenschaften verwendet, werden diese Eigenschaften über eine eingebettete Deklaration angewendet.
Verwandte Themen
Anwenden eines Einzelinstanzformats