Логотип 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 Тег <link> атрибут media


❮ HTML Тег <link>


Пример

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

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


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

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

Атрибут media в основном используется с таблицами стилей CSS для указания различных стилей для различных типов носителей.

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


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

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

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

<link media="value">

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

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

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

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

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

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

❮ HTML Тег <link>