Loading...7 Typy mediów
Spis treści
7.1 Wprowadzenie do typów mediów
Jedną z najważniejszych funkcji kaskadowych arkuszy stylów jest możliwość określania sposobu prezentacji dokumentu w różnych mediach: na ekranie, papierze, za pomocą syntezatora mowy, za pomocą czytnika Braille’a itd.
Niektóre własności CSS są przeznaczone tylko dla określonych typów mediów (np. własność ‚page-break-before’ ma zastosowanie tylko do mediów stronicowanych). W pewnych przypadkach arkusze stylów przeznaczone dla różnych mediów mogą mieć niektóre właściwości takie same, ale o innych wartościach. Na przykład własność ‚font-size’ jest używana zarówno w arkuszach stylów dla druku jak i ekranu. Te dwa różne typy mediów różnią się pd siebie na tyle, że wymagają różnych wartości w takich samych własnościach. Zwykle na ekranie komputera wymagany jest większy rozmiar pisma niż w druku. Dlatego ważne jest, aby zaznaczyć które arkusze stylów, lub ich części, dotyczą określonych mediów.
7.2 Definiowanie arkuszy stylów dla określonych typów mediów
Arkusz stylów można przypisać do wybranego typu mediów na dwa sposoby:
- Za pomocą reguł @media i @import znajdujących się wewnątrz arkusza stylów.
@import url("fancyfonts.css") screen; @media print { /* Tu znajduje się arkusz stylów dla druku */ } - Za pomocą odpowiedniej konstrukcji języka dokumentu. Na przykład w języku HTML 4 ([HTML4]) element LINK ma atrybut "media" określający medium docelowe zewnętrznego arkusza stylów:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <HTML> <HEAD> <TITLE>Łącze do medium docelowego</TITLE> <LINK REL="stylesheet" TYPE="text/css" MEDIA="print, handheld" HREF="foo.css"> </HEAD> <BODY> <P>Treść dokumentu... </BODY> </HTML>
Definicja reguły @import znajduje się w rozdziale o kaskadowości.
7.2.1 Reguła @media
Reguła @media służy do określania docelowych typów mediów (poszczególne media na liście oddziela się przecinkami) dla zbioru instrukcji (wydzielonego za pomocą nawiasów klamrowych). Niepoprawne instrukcje muszą zostać zignorowane zgodnie z podrozdziałami 4.1.7 "Zestawy reguł, bloki deklaracji i selektory" i 4.2 "Zasady postępowania z błędami analizy składniowej". Konstrukcja @media pozwala na umieszczanie reguł stylistycznych przeznaczonych dla różnych mediów w jednym arkuszu stylów.
Reguły stylistyczne znajdujące się poza regułami @media mają zastosowanie do wszystkich typów mediów, dla których przeznaczony jest arkusz stylów. W CSS 2.1 w regułach @media nie mogą znajdować się inne reguły @.
7.3 Rozpoznawane typy mediów
Nazwy typów mediów w CSS odpowiadają urządzeniom docelowym, dla których odpowiednie własności są rozpoznawalne. Nazwy typów mediów CSS w poniższej liście są normatywne, natomiast ich opisy mają charakter informacyjny. Również pole "Media" w opisach własności pełni rolę informacyjną.
- all
- Dla wszystkich urządzeń.
- braille
- Dla dotykowych urządzeń sprzężenia zwrotnego Braille’a .
- embossed
- Dla stronicowych drukarek Braille’a.
- handheld
- Dla urządzeń kieszonkowych (zwykle z małym ekranem i ograniczoną przepustowością).
- Dla materiałów stronicowanych i dokumentów przeglądanych na ekranie w trybie podglądu wydruku. Informacje na temat typowych problemów formatowania dla mediów stronicowanych znajdują się w podrozdziale o mediach stronicowanych.
- projection
- Dla prezentacji prezentowanych np. za pomocą rzutników. Informacje na temat typowych problemów formatowania dla mediów stronicowanych znajdują się w podrozdziale o mediach stronicowanych.
- screen
- Przede wszystkim dla kolorowych monitorów komputerowych.
- speech
- Dla syntezatorów mowy. Uwaga: W CSS 2 jest typ mediów o nazwie ‚aural’ o takim samym przeznaczeniu. Szczegółowe informacje na ten temat znajdują się w dodatku o słuchowych arkuszach stylów.
- tty
- Dla mediów używających stałej siatki znaków (np. dalekopisów, terminali i urządzeń przenośnych o ograniczonych wyświetlaczach). Nie należy używać jednostek pikselowych w arkuszach przeznaczonych dla tego typu mediów.
- tv
- Dla odbiorników telewizyjnych (niska rozdzielczość, kolor, ograniczone możliwości przewijania ekranu, dostępny dźwięk).
W nazwach typów mediów nie jest rozróżniana wielkość liter.
Typy mediów wzajemnie się wykluczają, tzn. aplikacja kliencka prezentująca dokument może obsłużyć tylko jeden typ mediów. Możliwe jest natomiast używanie różnych typów mediów na różnych kanwach. Na przykład dokument może być prezentowany równocześnie w trybie ekranowym na jednej kanwie i w trybie druku na innej.
Należy zauważyć, że wielotrybowy typ mediów jest tylko jednym typem mediów. Na przykład typ ‚tv’ jest wielotrybowym typem mediów, ponieważ prezentuje zarówno wizualnie jak i słuchowo na jednej kanwie.
Jeśli w regułach @media i @import znajdują się nieznane typy mediów, typy te są pomijane.
W poniższym fragmencie kodu reguła dotycząca elementu P będzie miała zastosowanie dla trybu ekranowego (mimo że typ mediów ‚3D’ jest nieznany).
@media screen, 3D {
P { color: green; }
}
Uwaga: w przyszłych wersjach CSS lista typów mediów może zostać rozszerzona. Nie należy używać nazw typów mediów, które nie zostały jeszcze zdefiniowane w specyfikacji.
7.3.1 Grupy mediów
Ten podrozdział ma charakter informacyjny, nie normatywny.
W definicji każdej własności CSS znajduje się informacja, dla którego typu mediów własność ta jest przeznaczona. Ponieważ własności zwykle można stosować dla kilku typów mediów, w polu "Media" definicji każdej własności są wyszczególnione grupy mediów, a nie pojedyncze typy mediów. Każda własność ma zastosowanie do wszystkich typów mediów należących do grup wymienionych w jej definicji.
W CSS 2.1 zdefiniowane zostały następujące grupy mediów:
- ciągłe (continuous) lub stronicowane (paged).
- wzrokowe (visual), dźwiękowe (audio), mówione (speech) lub dotykowe (tactile).
- siatkowe (grid) (dla urządzeń używających siatki znaków) lubbitmapowe (bitmap).
- interaktywne (interactive) (dla urządzeń umożliwiających interakcję z użytkownikiem) lub statyczne (static) (dla urządzeń, które nie umożliwiają interakcji z użytkownikiem).
- all (obejmuje wszystkie typy mediów)
W poniższej tabeli przedstawiono powiązania między grupami mediów i typami mediów:
| Typy mediów | Grupy mediów | |||
|---|---|---|---|---|
| ciągłe/stronicowane | wizualne/dźwiękowe/mowa/dotykowe | siatka/bitmapa | interaktywne/statyczne | |
| braille | ciągłe | dotykowe | siatka | oba |
| embossed | stronicowane | dotykowe | siatka | statyczne |
| handheld | oba | wizualne. dźwiękowe, mowa | oba | oba |
| stronicowane | wizualne | bitmapowe | statyczne | |
| projection | stronicowane | wizualne | bitmapowe | interaktywne |
| screen | ciągłe | wizualne, audio | bitmapowe | oba |
| speech | ciągłe | mowa | nie dotyczy | oba |
| tty | ciągłe | wizualne | siatka | oba |
| tv | oba | wizualne, audio | bitmapowe | oba |
Wysyłam...
Dodaj komentarz