Atrybut media w HTML <area>

Znacznik <a> HTML

Definicja i użycie

media Atrybut określa, dla jakich mediów lub urządzeń jest zoptymalizowany dokument docelowy.

Ten atrybut jest używany do określenia, czy docelowy URL jest zaprojektowany dla specjalnych urządzeń (np. iPhone), mediów głosowych lub drukowanych.

Ten atrybut może przyjąć wiele wartości.

jest dostępny tylko Atrybut href w użyciu.

Uwaga:Ten atrybut jest wyłącznie rekomendacyjny.

Przykład

Użyj atrybutu media, aby określić, które media lub urządzenie mają być zoptymalizowane dla docelowego URL:

<map name="planetmap">
  <area shape="rect" coords="0,0,114,576" alt="Słońce"
  href="sun.html" media="screen and (min-color-index:256)"
</map>

Spróbuj sam

Gramatyka

<area media="value>

Możliwe operatory

Operatory Opis
and Określa operator AND.
not Określa operator NOT.
, Określa operator OR.

Urządzenie

Wartość Opis
all Domyślnie. Dostosowane do wszystkich urządzeń.
aural Syntezator mowy.
braille Urządzenia do feedbacku braille.
handheld Urządzenia przenośne (mały ekran, ograniczona przepustowość).
projection Projektor.
print Tryb podglądu druku/strona drukarska.
screen Ekran komputerowy.
tty Telegrafy oraz podobne medium używające siatki znaków o równych szerokościach.
tv Urządzenia typu telewizor (niska rozdzielczość, ograniczona możliwość paginacji).

Wartość

Wartość Opis
width

Określa szerokość docelowego obszaru wyświetlania.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (min-width:500px)"
height

Określa wysokość docelowego obszaru wyświetlania.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (max-height:700px)"
device-width

Określa szerokość docelowego monitora/papieru.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (device-width:500px)"
device-height

Określa wysokość docelowego monitora/papieru.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (device-height:500px)"
orientation

Określa kierunek docelowego monitora/papieru.

Możliwe wartości: "portrait" lub "landscape"

Przykład: media="all and (orientation: landscape)"
aspect-ratio

Określa proporcję szerokości/wysokości docelowej obszaru wyświetlania.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio

Określa współczynnik proporcji device-width/device-height docelowego monitora/papieru.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (aspect-ratio:16/9)"
color

Określa liczbę bitów na każdy kolor docelowego monitora.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (color:3)"
color-index

Określa liczbę kolorów, które może przetwarzać docelowy monitor.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (min-color-index:256)"
Monochromatyczny

Określa liczbę bitów na każdy piksel w buforze jednobajtowym.

Można używać przedrostków "min-" i "max-".

Przykład: media="screen and (monochrome:2)"
Rozdzielczość

Określa gęstość pikseli ekranu docelowego/papieru (dpi lub dpcm).

Można używać przedrostków "min-" i "max-".

Przykład: media="print and (resolution:300dpi)"
Skanowanie

Określa metodę skanowania ekranu telewizora.

Możliwe wartości to: "progressive" i "interlace".

Przykład: media="tv and (scan:interlace)"
Siatka

Określa, czy urządzenie wyjściowe jest siatką czy bitmapą.

Możliwe wartości: "1" oznacza siatkę, "0" oznacza inne.

Przykład: media="handheld and (grid:1)"

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie

Znacznik <a> HTML