Medientypen in CSS: Unterschied zwischen den Versionen
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Kowa (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
=Definition= | ==Definition== | ||
In diesem Artikel wird kurz dargestellt, wie verschieden Medientypen in CSS eingebunden werden, | In diesem Artikel wird kurz dargestellt, wie verschieden Medientypen in CSS eingebunden werden, | ||
welche Arten es gibt und wozu sie dienen. | welche Arten es gibt und wozu sie dienen. | ||
=Zweck= | ==Zweck== | ||
Medientypen werden benötigt, um verschiedene Gestaltungsmöglichkeiten einer Webseite für unterschiedliche Ausgabegeräte zu erreichen. | Medientypen werden benötigt, um verschiedene Gestaltungsmöglichkeiten einer Webseite für unterschiedliche Ausgabegeräte zu erreichen. | ||
=Einbindung= | ==Einbindung== | ||
Medientypen werden über das "media"-Tag angegeben. Diesem werden die verschiedenen Medientypen als | Medientypen werden über das "media"-Tag angegeben. Diesem werden die verschiedenen Medientypen als | ||
Wert mitgegeben. Das "media"-Tag kann auf drei unterschiedliche Weisen in ein xHTML Dokument | Wert mitgegeben. Das "media"-Tag kann auf drei unterschiedliche Weisen in ein xHTML Dokument | ||
| Zeile 36: | Zeile 36: | ||
} | } | ||
==Arten von Medientypen== | |||
=Arten von Medientypen= | |||
Es werden folgende Medientypen unterschieden: | Es werden folgende Medientypen unterschieden: | ||
| Zeile 46: | Zeile 45: | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td | <td>all</td> | ||
<td | <td>CSS für alle Ausgabegeräte</td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
| Zeile 87: | Zeile 86: | ||
</table> | </table> | ||
=Quellen= | ==Quellen== | ||
*[http://www.w3.org/TR/CSS21/media.html W3C Media Types] | *[http://www.w3.org/TR/CSS21/media.html W3C Media Types] | ||
=Siehe auch= | ==Siehe auch== | ||
*[http://de.selfhtml.org/css/formate/einbinden.htm#link_media SELFHTML Verschiedene separate Stylesheets für unterschiedliche Ausgabemedien] | *[http://de.selfhtml.org/css/formate/einbinden.htm#link_media SELFHTML Verschiedene separate Stylesheets für unterschiedliche Ausgabemedien] | ||
Version vom 23. Mai 2019, 17:09 Uhr
Definition
In diesem Artikel wird kurz dargestellt, wie verschieden Medientypen in CSS eingebunden werden, welche Arten es gibt und wozu sie dienen.
Zweck
Medientypen werden benötigt, um verschiedene Gestaltungsmöglichkeiten einer Webseite für unterschiedliche Ausgabegeräte zu erreichen.
Einbindung
Medientypen werden über das "media"-Tag angegeben. Diesem werden die verschiedenen Medientypen als Wert mitgegeben. Das "media"-Tag kann auf drei unterschiedliche Weisen in ein xHTML Dokument eingebunden werden.
1. Einbindung über CSS Tag "link"
Durch diese Einbindung kann für jeden Medientyp eine eigene CSS Datei eingebunden werden. Dabei wird dem "link"-Tag das Attribut "media" zugefügt.
"<link href="<URL zur CSS Datei>" rel="stylesheet" type="text/css" media="<medientyp>" />"
2. Einbindung über @import
Hier wird auch erreicht, dass für jeden Medientyp eine eigene CSS Datei eingebunden werden kann. Dabei wird der "@import" Anweisung der Medientyp hinzugefügt.
@import url("<URL zur CSS Datei>") <medientyp>;
3. Einbindung über @media
Diese Form der Einbindung gibt einmal die Möglichkeit, die CSS Anweisung für verschiedene Medientypen innerhalb eines xHTML Dokumentes unterzubringen, oder auch innerhalb eines CSS Dokumentes die Anweisung für verschieden Medientypen zu unterscheiden.
@media <medientyp>
{
<CSS Code>
}
Arten von Medientypen
Es werden folgende Medientypen unterschieden:
| Medientypen | Ausgabemedien |
|---|---|
| all | CSS für alle Ausgabegeräte |
| braille | Blindenschriftausgabe an einer speziellen Tastatur |
| embossed | Blindenschirftdrucker |
| handheld | Mobile Geräte (Handy, PDA) |
| Normale Drucker | |
| projection | Projektoren und Ausdrucke auf Folien |
| screen | Bildschirm |
| speech (aural) | Geräte mit Sprachausgabe (Screenreader, Webreader) |
| tty | Fernschreiber, Terminals |
| tv | TV und ähnliche Ausgabegeräte |
Quellen
Siehe auch
Dieser Artikel sollte auf Korrektheit, Quellenangaben und GlossarWiki-Konformität hin überprüft werden.
