Поговорим о том, как сделать так, чтобы выводить на экран одну web-страницу, а при печати этой страницы на принтере результат был несколько иным. А делается это с помощью CSS (ЦСС).
В CSS (ЦСС) есть одна очень полезная функция @media — вы можете для одного и того же ШТМЛ-элемента указать разные способы его отображения при печати и при показе в браузере. Для лучшего понимания просмотрим следующий пример.
Пример 1
Теперь при просмотре ШТМЛ-страницы в браузере вы увидите слово «Hello» чёрного цвета. Однако попробуйте распечатать эту страницу на цветном принтере, и слово «Hello» окрасится в красный цвет.
Теперь немного изменим стиль.
Пример 2
Что будет, если мы снова откроем в браузере, а затем распечатаем ШТМЛ-файл? В браузере контент будет спокойно отображаться, а вот при печати пользователь получит чистый лист бумаги. Вот это и есть ещё один способ защиты информации.
Однако подчас такая защита не нужна. Посмотрим реальный пример: необходимо сделать на сайте страницу, для удобной распечатки материалов без излишнего оформления. При этом где-то на web-странице будет кнопка «Печать». Так вот, я думаю, что стоит убрать её из печатной версии. Что делаем в CSS (ЦСС).
Пример 3
А ещё можно добавляем контент о том, что «Статья скачана с с нашего сайта Site.Ru». Тут лучше сделать всё наоборот — в браузере её нет, а при печати — есть.
Пример 4
Подчас, не обязательно использовать данную функцию CSS (ЦСС) только для защиты информации. Порой необходимо некоторые данные при печати представить в несколько другом виде. Впрочем, как пользоваться — решайте сами.
Copyright © Все права засчищены
www.www-html.ru