САЙТ НАХОДИТСЯ В РАЗРАБОТКЕ
Баннер ТОП

HTML атрибут media


Определение и использование

Атрибут media указывает, для какого носителя/устройства оптимизирован связанный документ..

Атрибут media используется для указания того, что целевой URL-адрес предназначен для специальных устройств (например, iPhone), речевых или печатных носителей.

Атрибут media может принимать несколько значений.


Относится к

Атрибут media можно использовать для следующих элементов:

Элементы Атрибут
<a> media
<area> media
<link> media
<source> media
<style> media

Примеры

A Пример

Ссылка с атрибутом мультимедиа:

<a href="att_a_media.asp?output=print"
media="print and (resolution:300dpi)">
Open media attribute page for print.</a>
Попробуйте сами »

Area Пример

Изображение-карта, с областью щелчка:

<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>
Попробуйте сами »

Link Пример

Две различные таблицы стилей для двух различных типов носителей (экран и печать):

<head>
<link rel="stylesheet" type="text/css" href="theme.css">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
</head>
Попробуйте сами »

Source Пример

Использование атрибута мультимедиа:

<source src="movie.ogg" type="video/ogg"
media="screen and (min-width:320px)">
Попробуйте сами »

Style Пример

Укажите стиль, используемый для печати:

<style media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}

</style>
Попробуйте сами »

Поддержка браузера

Атрибут media имеет следующую поддержку браузера для каждого элемента:

Элемент
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