На что ссылается атрибут media = "" в определении HTML таблицы стилей?

Question

Я уверен, что некоторые из вас видели следующее:

<link rel="stylesheet" src="styles.css" media="screen,projection" />
<link rel="stylesheet" src="styles.css" media="print" />

Или что-нибудь еще ...

Но что на самом деле делает атрибут media?Я создал несколько веб-сайтов и никогда не использовал атрибуты мультимедиа при связывании таблиц стилей.Это ошибка?

Спасибо, Амит

Answer 1

w3 может объяснить это лучше всего.

Типы мультимедиа - это то, какие медиа должны использоваться для просмотра страницы.

Если кто-то печатает страницу, используется print media CSS. Это полезно во многих случаях - если ваш сайт имеет белый текст на черном фоне, print CSS может быть наоборот, поэтому чернила не теряются.

Экран - это то, о чем вы обычно думаете - экран компьютера, как большинство людей увидят сайт.

Проекция - если вы хотите использовать шрифт большего размера при проектировании сайта.

Answer 2

Определяет медиа-тип таблицы стилей.Или применение данной таблицы стилей, если хотите.

Если вы включили таблицу стилей со свойством media для «print»;правила в этой таблице стилей влияют только на страницу, когда она распечатывается.Если вы установили свойство media на «screen»;правила в таблице стилей не влияют на распечатку страницы, но влияют на страницу при просмотре в браузере.

Если вы определяете свойство media как «screen, print»;правила в таблице стилей будут влиять как на распечатку страницы, так и на ее внешний вид в браузере.

Вот ссылка на документацию на W3C (организация, которая определяет стандарты дляCSS).

Answer 3

Это типы носителей, которые позволяют настроить таблицу стилей для определенного носителя.

См. http://www.w3.org/TR/CSS21/media.html. Эта функция была расширена с помощью медиа-запросов : http://www.w3.org/TR/css3-mediaqueries/.