Przykład
Link z media atrybutu:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Spróbuj sam " Definicja i Wykorzystanie
media atrybut określa, co media / urządzenia połączony dokument jest zoptymalizowany pod kątem.
Ten atrybut jest używany do określenia, że docelowy adres URL jest przeznaczony do specjalnych urządzeń (takich jak iPhone), mowy lub nośników druku.
Ten atrybut może przyjmować kilka wartości.
Używane tylko jeśli href atrybut jest obecny.
Uwaga: Ten atrybut jest czysto doradcza.
Pomoc Browser
| Element | ||||||
|---|---|---|---|---|---|---|
| media | tak | tak | tak | tak | tak | tak |
Różnice między HTML 4.01 i HTML5
media atrybutem jest nowego w HTML5.
Składnia
<a media="value">
możliwe Operatorzy
| Wartość | Opis |
|---|---|
| and | Określa AND operatora |
| not | Określa NOT operatora |
| , | Określa OR operatora |
Pomysłowość
| Wartość | Opis |
|---|---|
| all | Zaniedbanie. Nadaje się do wszystkich urządzeń |
| aural | syntezatory mowy |
| braille | Braille urządzenia feedback |
| handheld | Urządzenia przenośne (mały ekran, ograniczona przepustowość) |
| projection | projektory |
| Print Preview Mode / wydrukowanych stron | |
| screen | ekrany komputerowe |
| tty | Dalekopisów i podobnych mediów używających siatki znaków stałym skoku |
| tv | urządzenia typu Telewizor (niska rozdzielczość, umiejętność ograniczona przewijania) |
wartości
| Wartość | Opis |
|---|---|
| width | Określa szerokość obszaru docelowego wyświetlacza. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (min-width:500px)" |
| height | Określa wysokość docelowego obszaru wyświetlania. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (max-height:700px)" |
| device-width | Określa szerokość docelowej wyświetlacza / papieru. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (device-width:500px)" |
| device-height | Określa wysokość docelowego wyświetlacza / papieru. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (device-height:500px)" |
| orientation | Określa orientację docelowego wyświetlacza / papieru. Możliwe wartości: "portrait" lub "landscape" Przykład: media="all and (orientation: landscape)" |
| aspect-ratio | Określa stosunek szerokość / wysokość docelowego obszaru wyświetlania. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio | Określa stosunek szerokości urządzenia / urządzeń, wysokość docelowego wyświetlacza / papieru. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (aspect-ratio:16/9)" |
| color | Określa bitów na kolor wyświetlacza docelowego. "min-" i "max-" prefiksy mogą być użyte. Przykład: media "ekran oraz (kolor: 3)" = |
| color-index | Określa liczbę kolorów wyświetlacz cel może obsłużyć. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (min-color-index:256)" |
| monochrome | Określa bity na piksel w buforze ramki monochromatycznych. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="screen and (monochrome:2)" |
| resolution | Określa gęstość pikseli (dpi) lub dpcm o docelowej wyświetlacza / papieru. "min-" i "max-" prefiksy mogą być użyte. Przykład: media="print and (resolution:300dpi)" |
| scan | Określa metodę skanowania na ekranie TV. Możliwe wartości to "progressive" i "interlace" . Przykład: media = "tv i (skanowanie z przeplotem)" |
| grid | Określa, czy urządzenie wyjściowe jest siatka lub bitmapy. Możliwe są wartości "1" na ruszcie, a "0" w przeciwnym razie. Przykład: media="handheld and (grid:1)" |