Najnowsze tutoriale tworzenie stron internetowych
 

HTML <area> media Attribute

<HTML <area> tag

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 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)"

<HTML <area> tag