Меню
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP КАК СДЕЛАТЬ SW3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS КИБЕРБЕЗОПАСНОСТЬ НАУКА О ДАННЫХ
     ❯   

HTML Справочник


HTML Теги



HTML Атрибут media



Описание media

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

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

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



Применение media

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

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

Примеры media

Пример A

Ссылка с атрибутом media:

<a href="att_a_media.php"
media="print and (resolution:300dpi)">
Открыть страницу атрибутов носителя для печати.</a>
Попробуйте сами »
Пример Area

Карта-изображение с кликабельной областью:

<img src="planets.gif" width="145" height="126" alt="Планеты" usemap="#planetmap">

<map name="planetmap">
 <area shape="rect" coords="0,0,82,126" alt="Солнце"
href="sun.html" 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

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

<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

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

Элемент
a Да Да Да Да Да
area Да Да Да Да Да
link Да Да Да Да Да
source Не поддерживает Не поддерживает Не поддерживает Не поддерживает Не поддерживает
style Да Да Да Да Да


×

Связаться с отделом продаж

Если вы хотите использовать услуги schoolsw3 как образовательное учреждение, команда или предприятие, отправьте нам электронное письмо:
sales@schoolsw3.com

Сообщить об ошибке

Если вы хотите сообщить об ошибке или внести предложение, отправьте нам электронное письмо:
help@schoolsw3.com

Schoolsw3 оптимизирован для обучения и подготовки. Примеры могут быть упрощены для улучшения чтения и обучения. Учебники, ссылки и примеры постоянно проверяются, чтобы избежать ошибок, но мы не можем гарантировать полную правильность всего контента.
При использовании Schoolsw3 вы соглашаетесь прочитать и принять наши условия использования,
политику использования файлов cookie и конфиденциальности.

Авторское право 1999- принадлежит Refsnes Data. Все права защищены. Schoolsw3 работает на SW3.CSS.