<style type="text/css" media="screen" href="screen.css"> ... </style>
Anwendung
media definiert, für welche Medien (Geräte) das an dieser Stelle im Dokument mit style 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 spezieller Stylesheets für unterschiedliche Medien, 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.
- Einfacher – aber teilweise redundant – ist es, komplette Stylesheets für die unterschiedlichen Geräte extern zu definieren, und mit <link> einzubinden. Dessen media-Attribut steuert die Einschränkung auf Geräte ebenso.
- Alternativ können Sie in der Definition mit CSS-Mitteln auseinandersteuern.
media Attribute in HTML