Was kaum jemand weiß: Inline-CSS und Content-Style-Type

23. August 2008

Wenn man externe CSS-Stylesheets einbindet oder CSS innerhalb eines style-Elementes definiert, ist die Angabe der verwendeten Stylingsprache nowendig. Im Falle von CSS ist das z.B. text/css:

<link href="mystyle.css" rel="stylesheet" type="text/css" />
<style type="text/css">
   h1 { text-align: center }
</style>

Was kaum jemand weiß: Diese Angabe ist auch für Inline-CSS nötig. Also für CSS-Angaben, die man (X)HTML-Elementen über das style-Attribut zuweist. HTML 4 und damit auch XHTML 1 definieren zwar text/css als Default, wenn keine andere Stylesprache angegeben wird, führen diese Definition aber nur als Notfall ein. Die explizite Angabe der Stylesprache ist dennoch vorgeschrieben.

Mann kann sie entweder in einem Content-Style-Type-HTTP-Header oder im head des Dokumentes mit einem meta-Element angeben:

<meta http-equiv="Content-Style-Type" content="text/css" />

4 Kommentare zu diesem Eintrag

  1. Michael am 23. August 2008 um 13:02

    Gibt es denn überhaupt andere Style-Typen als CSS? (in der freien WIldbahn).

  2. Toni am 23. August 2008 um 14:07

    Autor

    Ja, zum Beispiel ist XSL eine weitere Style-Sprache, die zur Formatierung und Transformation von XML auf im Bereich der Web-Entwicklung weite Verbreitung hat.

  3. Michael am 24. August 2008 um 10:00

    Ah, daran habe ich gar nicht gedacht. Interessant. Kennst Du zufällig ein Beispiel oder eine Dokumentation, wo das angewendet wird? Würde das XSLT-Skript dann auf das ganze XHTML Dokument angewendet, so wie mit der xml-stylesheet Processing Instruction?

  4. Toni am 24. August 2008 um 17:51

    Autor

    Leider nicht. Ich vermute auch, dass kein Browser eine andere Sprache verarbeitet. In der Realität dürfte CSS momentan einzig relevante Sprache sein. Ich meine gelesen zu haben, dass es zusätzlich propietäre Sprachen gibt oder gab.

    Neben der formalen Korrektheit dürfte die Zukunftssicherheit das Hauptargumment für die Angabe des Content-Types sein.

RSS Feed der Kommentare zu diesem Eintrag

Kommentiere diesen Eintrag




Du kannst deinen Beitrag mit folgenden XHTML-Elementen auszeichnen:
<a href="" title=""> <blockquote> <cite> <em> <strong> <strike> <abbr title=""> <acronym title=""> <code>