HTML - mediakenmerk
Definitie en gebruik
Het media
attribuut specificeert voor welk medium/apparaat het gekoppelde document is geoptimaliseerd.
Dit kenmerk wordt gebruikt om aan te geven dat de doel-URL is ontworpen voor speciale apparaten (zoals iPhone), spraak of gedrukte media.
Dit kenmerk kan verschillende waarden accepteren.
Geldt voor
Het media
attribuut kan op de volgende elementen worden gebruikt:
elementen | Attribuut |
---|---|
<a> | media |
<gebied> | media |
<link> | media |
<bron> | media |
<stijl> | media |
Voorbeelden
Een voorbeeld
Een link met een media-attribuut:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Gebied Voorbeeld
Een afbeeldingskaart, met een aanklikbaar gebied:
<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>
Linkvoorbeeld
Twee verschillende stylesheets voor twee verschillende mediatypes (screen en print):
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
Bron Voorbeeld
Gebruik van het mediakenmerk:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Stijlvoorbeeld
Geef de stijl op die moet worden gebruikt voor afdrukken:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
Browserondersteuning
Het media
attribuut heeft de volgende browserondersteuning voor elk element:
Element | |||||
---|---|---|---|---|---|
a | Yes | Yes | Yes | Yes | Yes |
area | Yes | Yes | Yes | Yes | Yes |
link | Yes | Yes | Yes | Yes | Yes |
source | Not supported | Not supported | Not supported | Not supported | Not supported |
style | Yes | Yes | Yes | Yes | Yes |