<link rel="stylesheet" media="screen" href="screen.css"/>
<link rel="stylesheet" media="print" href="print.css"/>
Anwendung
media definiert, für welche Medien (Geräte) das Stylesheet gelten soll. Mehrere Werte können dabei durch Kommata getrennt werden.
Mögliche Werte sind
- all – für alle Geräte
- braille – für Braille-Reader
- embossed – für Braile-Drucker
- handheld – für Handhelds
- print – für Drucker
- projection – für Präsentation (z.B. Projektoren)
- screen – für Bildschirm
- speech – für Screen-Reader
- tty – für textuelle Browser/Bildschirme
- tv – für Fernseher
Hinweise
- Durch Angabe mehrere Stylesheets für unterschiedliche Medien – zum Beispiel eines für die Bildschirmdarstellung und eines für den Ausdruck – optimieren Sie die Ausgabe für das jeweilige Gerät.
- Denkbar ist etwa, dass im Druck keine Navigation ausgegeben wird, dafür aber ein Urheberrechtsvermerk ins Kopf- und Fußzeile.
- Es ist auch möglich direkte Definitionen von Styles im Dokument mit media auf Geräte einzuschränken.
- Alternativ können Sie es in einem Stylesheet mit CSS-Mitteln auseinandersteuern.
media Attribute in HTML