Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <area> атрибут media


❮ HTML Тег <area>


Пример

Используйте атрибут media, чтобы указать, для какого носителя/устройства оптимизирован целевой URL адрес:

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Солнце"
  href="sun.htm" media="screen and (min-color-index:256)">
</map>
Попробуйте сами »


Определение: Тег <area> атрибут media

Тег <area> в HTML имеет атрибут media определяет, для какого носителя/устройства оптимизирован целевой URL адрес.

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

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

Атрибут media используется только в том случае, если присутствует атрибут href.

Примечание: Атрибут media носит чисто рекомендательный характер.


Поддержка: Тег <area> атрибут media

Атрибут
media Да Да Да Да Да

Синтаксис: Тег <area> атрибут media

<area media="value">

Операторы: Тег <area> атрибут media

Значение Описание
and Определяет оператора AND
not Определяет оператора NOT
, Определяет оператора OR

Устройства: Тег <area> атрибут media

Значение Описание
all По умолчанию. Подходит для всех устройств
aural Синтезатор речи
braille Устройства обратной связи по Брайлю
handheld Портативные устройства (маленький экран, ограниченная пропускная способность)
projection Проекторы
print Режим предварительного просмотра печати/печатные страницы
screen Экран компьютера
tty Телетайпы и аналогичные носители информации, использующие сетку символов фиксированного шага
tv Устройства телевизионного типа (низкое разрешение, ограниченная возможность прокрутки)

Значения: Тег <area> атрибут media

Значение Описание
width Задает ширину целевой области отображения.
"min-" и "max-" можно использовать префиксы.
Пример: media="screen and (min-width:500px)"
height Задает высоту целевой области отображения. "min-" и "max-" можно использовать префиксы.
Пример: media="screen and (max-height:700px)"
device-width Задает ширину целевого дисплея/бумаги.
"min-" и "max-" можно использовать префиксы.
Пример: media="screen and (device-width:500px)"
device-height Задает высоту целевого дисплея/бумаги.
"min-" и "max-" можно использовать префиксы.
Пример: media="screen and (device-height:500px)"
orientation Задает ориентацию целевого дисплея/бумаги.
Возможное значение: "portrait" или "landscape"
Пример: media="all and (orientation: landscape)"
aspect-ratio Задает соотношение ширины и высоты целевой области отображения.
"min-" и "max-" можно использовать префиксы.
Пример: media="screen and (aspect-ratio:16/9)"
device-aspect-ratio Задает отношение ширины устройства/высоты устройства целевого дисплея/бумаги.
"min-" и "max-" можно использовать префиксы.
Пример: media="screen and (aspect-ratio:16/9)"
color Задает количество бит на цвет целевого дисплея.
"min-" и "max-" можно использовать префиксы.
Пример: media="screen and (color:3)"
color-index Задает количество цветов, которые может обрабатывать целевой дисплей.
"min-" и "max-" можно использовать префиксы.
Пример: media="screen and (min-color-index:256)"
monochrome Задает количество бит на пиксель в монохромном буфере кадров.
"min-" и "max-" можно использовать префиксы.
Пример: media="screen and (monochrome:2)"
resolution Задает плотность пикселей (dpi или dpcm) целевого дисплея/бумаги.
"min-" и "max-" можно использовать префиксы.
Пример: media="print and (resolution:300dpi)"
scan Указывает способ сканирования телевизионного дисплея.
Possible values are "progressive" and "interlace".
Пример: media="tv and (scan:interlace)"
grid Указывает, является ли устройство вывода сеткой или растровым изображением.
Возможные значения для сетки "1", иначе "0" .
Пример: media="handheld and (grid:1)"

❮ HTML Тег <area>