Atrybut media w HTML <a>

Tag HTML <a>

Definicja i użycie

media Atrybut określa, dla jakiego medium lub urządzenia jest zoptymalizowany dokument linku.

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

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

może być używany tylko Atrybut href używany, gdy istnieje.

Uwaga:Ta atrybut jest wyłącznie rekomendacyjny.

Przykład

Ustawienie atrybutu media dla linku:

<a href="att_a_media.asp?output=print" media="print and (resolution:300dpi)">
otwórz stronę atrybutu media przeznaczoną do druku
</a>

spróbuj sam

gramatyka

<a media="wartość>

możliwi operatorzy

operatorzy opis
and określa operator AND.
not określa operator NOT.
, określa operator OR.

urządzenie

wartość opis
all domyślny. Przystosowany do wszystkich urządzeń.
aural synthetyczny dźwięk.
braille urządzenia do обратной связи braille.
handheld urządzenia przenośne (mały ekran, ograniczona przepustowość)
projection projektor.
print tryb podglądu druku/strona drukowana.
screen ekran komputerowy.
tty telegrafy maszynowe oraz podobne media używające siatki znaków o równych rozmiarach.
tv urządzenia telewizyjne (niska rozdzielczość, ograniczona zdolność do paginacji)

wartość

wartość opis
width

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

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

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

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

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

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

określa szerokość docelowego ekranu/papieru.

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

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

określa wysokość docelowego ekranu/papieru.

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

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

określa kierunek docelowego ekranu/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ć prefiksów "min-" i "max-".

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

określa proporcję device-width/device-height docelowego ekranu/papieru.

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

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

określa liczbę bitów używanych do reprezentacji każdego koloru na docelowym ekranie.

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

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

określa liczbę kolorów, które może obsługiwać docelowy ekran.

Można używać prefiksó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ć prefiksów "min-" i "max-".

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

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

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

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

Określa sposób skanowania wyświetlacza TV.

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 rastrowym.

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

Tag HTML <a>