Atribut média HTML
Definice a použití
Atribut media
určuje, pro jaké médium/zařízení je propojený dokument optimalizován.
Tento atribut se používá k určení, že cílová adresa URL je navržena pro speciální zařízení (jako je iPhone), řečová nebo tištěná média.
Tento atribut může přijímat několik hodnot.
Platí pro
Atribut media
lze použít u následujících prvků:
Prvky | Atribut |
---|---|
<a> | média |
<oblast> | média |
<odkaz> | média |
<zdroj> | média |
<styl> | média |
Příklady
Příklad
Odkaz s atributem média:
<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Příklad oblasti
Obrazová mapa s oblastí, na kterou lze kliknout:
<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>
Příklad odkazu
Dvě různé šablony stylů pro dva různé typy médií (obrazovka a tisk):
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
Příklad zdroje
Použití atributu media:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Příklad stylu
Zadejte styl, který chcete použít pro tisk:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
Podpora prohlížeče
Atribut media
má následující podporu prohlížeče pro každý prvek:
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 |