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