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.
Dotyczy
media Atrybut może być stosowany w następujących elementów:
| Elementy | Atrybut |
|---|---|
| <a> | media |
| <area> | media |
| <link> | media |
| <source> | media |
| <style> | media |
Przykłady
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 " Area 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 " Link Przykład
Dwa różne arkusze stylów dla dwóch różnych typów nośników (ekran i drukowanymi literami):
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
Spróbuj sam " Source Przykład
Korzystanie z media atrybutu:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Spróbuj sam " Style Przykład
Określ styl użyć do druku:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style> Spróbuj sam " Pomoc Browser
media atrybut posiada następujące wsparcie przeglądarki dla każdego elementu:
| Element | |||||
|---|---|---|---|---|---|
| a | tak | tak | tak | tak | tak |
| area | tak | tak | tak | tak | tak |
| link | tak | tak | tak | tak | tak |
| source | Nieobsługiwany | Nieobsługiwany | Nieobsługiwany | Nieobsługiwany | Nieobsługiwany |
| style | tak | tak | tak | tak | tak |