HTML медиа атрибут
средства массовой информации
Назначение медиа-атрибута HTML - определить тип медиа, для которого предназначен ресурс, связанный с элементом.
Поддерживаемые элементы
HTML медиа-атрибут поддерживает элементы стиля и ссылки.
Синтаксис
<ElementName media = "value"> ..... </ ElementName>
Где ElementName - любой поддерживаемый элемент.
Тип значения
Описание СМИ.
Значение
Значение | Предполагаемые СМИ |
---|---|
экран | Компьютерные экраны. Это значение по умолчанию. |
TTY | Сетка символов с фиксированным шагом, такая как телетайпы, терминалы или портативные устройства, которые имеют ограничения в возможностях отображения. |
ТВ | Устройства телевизионного типа (низкое разрешение, цвет, ограниченная прокрутка). |
проекция | Проекторы. |
портативный | Карманные устройства (маленький экран, монохромный, растровая графика, ограниченная пропускная способность). |
Распечатать | Режим предварительного просмотра печати / распечатывается на непрозрачном носителе. |
шрифт Брайля | Устройства с брайлевской обратной связью. |
ушной | Синтезаторы речи. |
все | Подходит для всех устройств. |
Значение по умолчанию
Значением атрибута HTML по умолчанию является экран.
Поддерживаемые типы документов
HTML 4.01 строгий, HTML 4.01 переходный, HTML 4.01 frameset.
Пример HTML-атрибута со стилем
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML media attribute with style</title>
<style type="text/css" media="screen, print, projection" />
p {background-color: aliceblue; color: maroon}
</style>
</head>
<body>
<p>We are learning html with w3resource.com</p>
</body>
</html>
Результат
Посмотреть этот пример в отдельном окне браузера
Пример медиа-атрибута HTML со стилем
Пример HTML-атрибута медиа со ссылкой
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of HTML media attribute with link</title>
<link rel='stylesheet' href='link.css' type='text/css' media="screen" />
</head>
<body>
<p>We are learning html with w3resource.com</p>
</body>
</html>
Результат
Посмотреть этот пример в отдельном окне браузера
Пример HTML-атрибута медиа со ссылкой
Предыдущий: атрибут maxlength HTML
Далее: атрибут метода HTML
Новый контент: Composer: менеджер зависимостей для PHP , R программирования