HTML media Атрибут
Определение и использование
Атрибут media указывает, для какого носителя/устройства оптимизирован связанный документ.
Атрибут media используется для указания того, что целевой URL-адрес предназначен для специальных устройств (например, iPhone), речевых или печатных носителей.
Атрибут media может принимать несколько значений.
Относится к
Атрибут media можно использовать для следующих элементов:
Элементы | Атрибут |
---|---|
<a> | media |
<area> | media |
<link> | media |
<source> | media |
<style> | media |
Пример
Пример
Ссылка с атрибутом мультимедиа:
<a href="att_a_media.php?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Пример области
Изображение-карта, с областью щелчка:
<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>
Пример ссылки
Две различные таблицы стилей для двух различных типов носителей (экран и печать):
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
Пример источника
Использование атрибута мультимедиа:
<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Пример стиля
Укажите стиль, используемый для печати:
<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
Поддержка браузера
Атрибут media
имеет следующую поддержку браузера для каждого элемента:
Элемент | |||||
---|---|---|---|---|---|
a | Да | Да | Да | Да | Да |
area | Да | Да | Да | Да | Да |
link | Да | Да | Да | Да | Да |
source | Не поддерживается | Не поддерживается | Не поддерживается | Не поддерживается | Не поддерживается |
style | Да | Да | Да | Да | Да |