Медиа стиль: ООО «Медиа-Стиль» — ООО «Медиа-Стиль» — один из ведущих дистрибуторов контента на рынке платного и эфирного телевидения Крыма. – ООО «Пищевые Ингредиенты», Санкт-Петербург (ИНН 7839067129, ОГРН 1167847262109)

Атрибут media тега | HTML справочник

ЗначениеОписание
aspect-ratioСоотношение ширины и высоты области просмотра (соотношение сторон экрана). Это значение состоит из двух целых положительных чисел, разделенных косой чертой ("/"). Первое число это соотношение пикселей по горизонтали, а второе по вертикали. Например: aspect-ratio: 5/4 (соотношение пять к четырем).
colorОпределяет количество бит на цветовую компоненту устройства вывода. Если устройство не является цветным устройством, то это значение равно нулю. Допускаются только положительные значения. Например, если дисплей использует по 4 бита на красный и синий, а 5 бит на зеленый, то считается, что устройство использует 4 бит на цветовой компонент.
color-indexКоличество цветов, которое устройство может отображать. Отрицательные значения не допускаются.
device-aspect-ratioСоотношение ширины и высоты области просмотра выходного устройства (соотношение сторон). Это значение состоит из двух целых положительных чисел, разделенных косой чертой ("/"). Первое число это соотношение пикселей по горизонтали, а второе по вертикали. Например: device-aspect-ratio: 5/4 (соотношение пять к четырем). Значение считается устаревшим и удалено из "Media Queries Level 4".
device-heightОпределяет высоту устройства вывода (весь экран или страницу, а не только отображаемую область). Значение считается устаревшим и удалено из "Media Queries Level 4".
device-widthОпределяет ширину устройства вывода (весь экран или страницу, а не только отображаемую область). Значение считается устаревшим и удалено из "Media Queries Level 4".
gridОпределяет основано ли выходное устройство на сеточной системе (например, терминал "tty" или дисплей телефона с одним фиксированным шрифтом), в этом случае значение будет равно 1, если устройство растровое, то значение будет равно 0.
heightЗадает высоту области просмотра (используются единицы измерения CSS).
max-aspect-ratioМаксимальное соотношение ширины и высоты области просмотра (соотношение сторон экрана). Это значение состоит из двух целых положительных чисел, разделенных косой чертой ("/"). Первое число это соотношение пикселей по горизонтали, а второе по вертикали.
max-colorОпределяет максимальное количество бит на цветовую компоненту устройства вывода. Допускаются только положительные значения.
max-color-indexМаксимальное количество цветов, которое устройство может отображать. Отрицательные значения не допускаются.
max-device-aspect-ratioМасимальное соотношение ширины и высоты области просмотра выходного устройства (соотношение сторон). Это значение состоит из двух целых положительных чисел, разделенных косой чертой ("/"). Первое число это соотношение пикселей по горизонтали, а второе по вертикали. Значение считается устаревшим и удалено из "Media Queries Level 4".
max-device-heightОпределяет максимальную высоту устройства вывода (весь экран или страницу, а не только отображаемую область). Значение считается устаревшим и удалено из "Media Queries Level 4".
max-device-widthОпределяет максимальную ширину устройства вывода (весь экран или страницу, а не только отображаемую область). Значение считается устаревшим и удалено из "Media Queries Level 4".
max-heightЗадает максимальную высоту области просмотра (используются единицы измерения CSS).
max-monochromeУказывает максимальное количество бит на пиксель монохромного устройства. Если устройство не является монохромным, то значение будет равно 0. Допускаются только положительные целые числа.
max-resolutionУказывает максимальное разрешение устройства вывода (например, монитор, или принтер). Разрешение может быть указано как в точках на дюйм (dpi), так и в точках на сантиметр (dpcm).
max-widthЗадает максимальную ширину области просмотра (используются единицы измерения CSS).
min-aspect-ratioМинимальное соотношение ширины и высоты области просмотра (соотношение сторон экрана). Это значение состоит из двух целых положительных чисел, разделенных косой чертой ("/"). Первое число это соотношение пикселей по горизонтали, а второе по вертикали.
min-colorОпределяет минимальное количество бит на цветовую компоненту устройства вывода.
Допускаются только положительные значения
.
min-color-indexМинимальное количество цветов, которое устройство может отображать. Отрицательные значения не допускаются.
min-device-aspect-ratioМинимальное соотношение ширины и высоты области просмотра выходного устройства (соотношение сторон). Это значение состоит из двух целых положительных чисел, разделенных косой чертой ("/"). Первое число это соотношение пикселей по горизонтали, а второе по вертикали. Значение считается устаревшим и удалено из "Media Queries Level 4".
min-device-heightОпределяет минимальную высоту устройства вывода (весь экран или страницу, а не только отображаемую область). Значение считается устаревшим и удалено из "Media Queries Level 4".
min-device-widthОпределяет минимальную ширину устройства вывода (весь экран или страницу, а не только отображаемую область). Значение считается устаревшим и удалено из "Media Queries Level 4".
min-heightЗадает минимальную высоту области просмотра (используются единицы измерения CSS).
min-monochromeУказывает минимальное количество бит на пиксель монохромного устройства. Если устройство не является монохромным, то значение будет равно 0. Допускаются только положительные целые числа.
min-resolutionУказывает минимальное разрешение устройства вывода (например, монитор, или принтер). Разрешение может быть указано как в точках на дюйм (dpi), так и в точках на сантиметр (dpcm).
min-widthЗадает минимальную ширину области просмотра (используются единицы измерения CSS).
monochromeУказывает количество бит на пиксель монохромного устройства. Если устройство не является монохромным, то значение будет равно 0. Допускаются только положительные целые числа.
orientationОпределяет, находится ли область просмотра в режиме альбомной ориентации - экран шире, чем высота, или в портретной ориентации - высота дисплея больше или равна ширине. Для альбомной ориентации используется значение: orientation: landscape, а для портретной и orientation: portrait.
resolutionУказывает разрешение устройства вывода (например, монитор, или принтер). Разрешение может быть указано как в
точках на дюйм
(dpi), так и в точках на сантиметр (dpcm).
scanУказывает метод сканирования устройства вывода. Применяется для устройств телевизионного типа (tv). Для того, чтобы указать тип развертки устройства, необходимо указать одно из значений: череcстрочная развертка - (interlace), прогрессивная развертка (progressive).
widthЗадает ширину области просмотра (используются единицы измерения CSS).

Атрибут media | HTML | WebReference

Устанавливает устройство вывода, для которого предназначена таблица стилей. Для каждого устройства можно определить свой собственный стиль, который бы учитывал специфику устройства и подгонял под него вид веб-страницы.

Синтаксис

<style media="all | print | screen | speech">
 ...
</style>

Значения

all
Все устройства.
print
Печатающее устройство вроде принтера.
screen
Экран монитора.
speech
Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда же входят речевые браузеры.

Можно устанавливать сразу несколько значений, перечисляя их через запятую.

Значение по умолчанию

Пример

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>STYLE, атрибут media</title>
  <style media="screen">
    .window {
     background: #333;
     border: 1px solid red;
     font-size: 0.9em;
     color: #fc0;
     padding: 10px;
    }
  </style>
  <style media="print">
    .window {
     border: 1px solid black;
     font-family: Arial;
     font-size: 0.9em;
     color: black;
     padding: 10px
    }
  </style>
 </head>
 <body>
   <div>
   Ветеринарное свидетельство входит экскурсионный эфемероид, 
   но особой популярностью пользуются заведения подобного рода, 
   сосредоточенные в районе Центральной площади и железнодорожного вокзала. 
   </div>
 </body>
</html>

Результат данного примера продемонстрирован на рис. 1, где применяется стиль с атрибутом media="screen". На рис. 2 показана та же страница, но при этом уже действует стиль для печати, заданный атрибутом media="print". Результат эмулирован, поскольку стиль будет действовать только при отправке веб-страницы на печать.

Страница со стилем для просмотра на мониторе

Рис. 1. Страница со стилем для просмотра на мониторе

Страница со стилем для вывода на печать

Рис. 2. Страница со стилем для вывода на печать

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

×

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 08.11.2016

Редакторы: Влад Мержевич

Курс по вёрстке сайта на CSS Grid

HTML/Атрибут media (Элемент style)

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Параметр media (Элемент style)</title> <style type="text/css" media="screen"> .pineberryImg { width: 45%; margin-left: 10px; float: right; } </style> <style type="text/css" media="print"> .pineberryImg { width: 60%; margin-right: 10px; float: left; } </style> </head> <body> <h2>Пример использования атрибута "media"</h2> <img src="/examples/images/pineberry/img360.jpg" alt="Клубника «пайнберри»"> <blockquote cite="https://ru.wikipedia.org/wiki/Сорта_земляники_садовой">«Пайнберри» ('Pineberry') &#8210; гибрид чилийской земляники, произрастающей в Южной Америке, и виргинской земляники, произрастающей в Северной Америке. Мякоть плода может варьироваться от белого до оранжевого цвета, имеет сильный аромат и вкус ананаса. Незрелые ягоды имеют зелёный цвет, затем белеют. Когда на ягодах появляется множество тёмно-красных семян, они считаются спелыми.</blockquote> </body> </html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр media (Элемент style)</title>

<style type="text/css" media="screen">
.pineberryImg {
width: 45%;
margin-left: 10px;
float: right;
}
</style>
<style type="text/css" media="print">
.pineberryImg {
width: 60%;
margin-right: 10px;
float: left;
}
</style>
</head>
<body>
<h2>Пример использования атрибута "media"</h2>
<img src="/examples/images/pineberry/img360.jpg" alt="Клубника «пайнберри»">
<blockquote cite="https://ru.wikipedia.org/wiki/Сорта_земляники_садовой">«Пайнберри» ('Pineberry') &#8210; гибрид чилийской земляники, произрастающей в Южной Америке, и виргинской земляники, произрастающей в Северной Америке. Мякоть плода может варьироваться от белого до оранжевого цвета, имеет сильный аромат и вкус ананаса. Незрелые ягоды имеют зелёный цвет, затем белеют. Когда на ягодах появляется множество тёмно-красных семян, они считаются спелыми.</blockquote>
</body>
</html>

Атрибут media | htmlbook.ru

Internet Explorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 6.0+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Устанавливает устройство вывода, для которого предназначена таблица стилей. Для каждого устройства — от карманного компьютера до принтера можно определить свой собственный стиль, который бы учитывал специфику устройства и подгонял под него вид веб-страницы.

Синтаксис

<style media="all|braille|handheld|print|screen|speech|projection|tty|tv">
 ...
</style>

Значения

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

Можно устанавливать сразу несколько значений, перечисляя их через запятую.

Значение по умолчанию

screen

Пример

HTML5IECrOpSaFx

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег STYLE, атрибут media</title>
  <style media="screen">
    .window {
     background: #333;
     border: 1px solid red;
     font-size: 90%;
     color: #fc0;
     padding: 10px;
    }
  </style>
  <style media="print">
    .window {
     border: 1px solid black;
     font-family: Arial;
     font-size: 90%;
     font-weight: bold;
     color: black;
     padding: 10px
    }
  </style>
 </head>
 <body>

   <div>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy 
    nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
   </div>

 </body>
</html>

Результат данного примера продемонстрирован на рис. 1, где применяется стиль с атрибутом media="screen". На рис. 2 показана та же страница, но при этом уже действует стиль для печати, заданный атрибутом media="print". Результат эмулирован, поскольку стиль будет действовать только при отправке веб-страницы на печать.

Рис. 1. Страница со стилем для просмотра на мониторе

Рис. 2. Страница со стилем для вывода на печать

DVSTYLE MEDIA AGENCY

Телевидение – это масштаб аудитории, недостижимый для других каналов распространения рекламы, а так же максимальные возможности воздействия на целевые группы. Телереклама обладает хорошей запоминаемостью и является самым эмоциональным и зрелищным видом рекламы, но, в то же время, и самым дорогим. Размещение видеоконтента сегодня актуально и в интернете.

Радио является незаменимой частью нашей повседневной жизни. Оно опережает все другие средства массовой информации по охвату населения. Можно ли составлять деловое письмо, вести автомобиль, ходить в походы, отдыхать на природе и одновременно смотреть телевизор? А вот радио слушать можно!

Современные радиостанции обладают большими возможностями размещения локализованных рекламных кампаний. Мобильность, гибкость и дешевизну радио высоко ценят рекламодатели. По охвату российской аудитории радио занимает почетное второе место после ТВ. К преимуществам радиорекламы можно отнести вездесущность, оперативность, селективность и камерность. Радио - великолепное средство для имиджевой и престижной рекламы.

Реклама в прессе и в интернет СМИ пользуется огромной популярностью среди рекламодателей. Рекламу в прессе условно можно разделить на две группы: рекламные объявления и публикации обзорно-рекламного характера (адветориалы), к которым относятся различные статьи, репортажи и рекламные модули, содержащие фотоизображения и графику.

Для проведения рекламной кампании в СМИ необходимо четко определить ее цели, целевую аудиторию, на которую будет направлено данное объявление: возраст, социальное положение, демографические и психо-эмоциональные характеристики, уровень дохода, образования и культуры. В зависимости от этого и выбираются издания, определяется объем и интенсивность размещения.

Мы поможем вам подобрать формат размещения, напишем статьи и пресс-релизы, проведем фотосессию, снимем рекламное видео, разработаем рекламные модули. С 2005 года мы работаем с самыми известными СМИ и поможем вам составить грамотный медиаплан, оптимизировать бюджет, оперативно подготовить рекламные материалы и провести эффективную рекламную кампанию.

И помните рекомендации Д.Огилви: «Хорошее рекламное объявление - это то, которое помогает продавать продукт без привлечения внимания к самому объявлению…»

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *