Przykład
Obraz-map, z klikalne obszarze:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" alt="Sun"
href="sun.htm" media="screen and (min-color-index:256)">
</map>
Spróbuj sam " Definicja i Wykorzystanie
media atrybut określa, co media / urządzenie URL docelowy jest zoptymalizowany pod kątem.
Ten atrybut jest używany do określenia, że 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
| Atrybut | |||||
|---|---|---|---|---|---|
| media | Yes | Yes | Yes | Yes | Yes |
Różnice między HTML 4.01 i HTML5
media atrybutem jest nowego w HTML5.
Składnia
<area media="value">
możliwe Operators
| Wartość | Opis |
|---|---|
| and | Określa operatora AND |
| not | Określa operator nie |
| , | Określa operatora lub |
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="screen and (color: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 and (scan:interlace)" |
| 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)" |