Меню
×
   ❮     
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 Тег <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>



×

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

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

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

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

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

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