CSS/Media Queries/Medientypen

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Ein Medientyp ist ein Schlüsselwort, dem verschiedene gleichartige Ausgabegeräte zugeordnet werden können. Es ist die einfachste Form einer Medienabfrage und gleichzeitig Grundlage für spezialisierte Abfragen.

Leider haben sich die Medientypen als unzureichend erwiesen, um zwischen Geräten mit unterschiedlichen Gestaltungsanforderungen zu unterscheiden. Einige Kategorien, die ursprünglich recht eindeutig waren, wie screen und handheld, haben sich in den Jahren seit ihrer Erfindung stark vermischt. Andere, wie z. B. tty oder tv, zeigen zwar Unterschiede zur Norm eines voll ausgestatteten Computermonitors auf und sind daher potenziell nützlich, um Geräte mit unterschiedlichem Styling anzusprechen, aber nur schwierig sinnvoll zu verwenden; da sich Medientypen gegenseitig ausschließen. Die Media Queries Spezifikation verweist deshalb auf die Medienmerkmale (oder Medienfeatures) und empfiehlt, spezielle Geräteeigenschaften und nicht Gerätetypen abzufragen.

In den Media Queries Level 4 gibt es nur noch 3 Medientypen:

Übersicht der Medientypen in CSS
Medientyp Beschreibung
all alle Ausgabemedien (Standardwert)
print für Drucker, die Inhalte sichtbar auf Papier drucken.
für Browser, die eine Druckvorschau anbieten
screen (Computer-)Bildschirme
alle Geräte, die nicht auf print ansprechen

Die übrigen, früher definierten Medientypen sind missbilligt. Seitenautoren dürfen sie laut Spezifikation nicht mehr verwenden und Browser sollen Abfragen auf diese Typen grundsätzlich als „falsch“ beantworten (must make them match nothing).

obsolete Geräteklassen

Beachten Sie: Eine Unterscheidung der einzelnen Geräteklassen mit Medientypen wie handheld, tv und projection scheiterte sowohl an mangelnder Browserunterstützung im letzten Fall, sowie der Tatsache, dass Smartphones handheld ignorierten, um zu verhindern, dass nur eine abgespeckte mobile Version anstelle der Standardseite mit allen Informationen geladen wurde. In Media Queries level 4 wurden diese Medientypen als missbilligt eingestuft.


Medientyp Richtbeschreibung Standard und Unterstützung
aural Ausgabemedien, die sich synthetischer Sprachausgabe bedienen. Achtung.svg
braille Geräte, auf denen die Braille-Schrift (umgangssprachlich „Blindenschrift“) tastbar wiedergegeben werden kann. Achtung.svg
embossed Drucker, die Braille-Schrift tastbar auf Papier einprägen. Achtung.svg
handheld Geräte, die üblicherweise in der Hand gehalten werden, einen kleinen Bildschirm besitzen und über wenig Bandbreite verfügen. Achtung.svg
projection Geräte, die Inhalte projizieren Achtung.svg
speech für Sprachsynthesizer gedacht.
Die Angabe war für ein zukünftiges CSS-Modul reserviert, sollte den Medientyp aural ersetzen.
Achtung.svg
tty Geräte, deren Darstellung über ein Raster definiert wird (z. B. durch nicht-proportionale Schriftarten). Achtung.svg
tv gedacht für Geräte, die Informationen eingeschränkt visuell und akustisch wiedergeben können. Achtung.svg