Уеб страниците са предназначени за гледане на екрана . Въпреки че има голямо разнообразие от възможни устройства, които могат да се използват за преглед на даден сайт (настолни компютри, лаптопи, таблети, телефони, носители, телевизори и др.), Всички те включват екран от някакъв вид. Има и друг начин някой да прегледа уебсайта Ви по начин, който не включва екран. Имаме предвид физическо отпечатване на вашите уеб страници.
Преди години ще откриете, че хората, които печат сайтове, са доста често срещани сценарии. Спомняме си среща с много клиенти, които бяха нови в мрежата и се чувствахме по-удобно да преглеждаме отпечатани страници от сайта. После ни дадоха обратна връзка и редакции на тези парчета хартия, вместо да гледат екрана, за да обсъдят уебсайта. Тъй като хората са се чувствали по-комфортно с екраните в живота си и тъй като тези екрани са се увеличили многократно, видяхме все по-малко хора, които се опитват да отпечатват уеб страници на хартия, но това все още се случва. Може да помислите за това явление, когато планирате вашия уеб сайт. Искате ли хората да отпечатват уеб страниците ви? Може би не. Ако това е така, имате няколко опции.
Как да блокирате уеб страница от печат с CSS
Лесно е да използвате CSS, за да предотвратите отпечатването на вашите уеб страници. Трябва просто да създадете стиловия лист с 1 ред, наречен "print.css", който включва следния ред CSS.
тяло {дисплей: няма; }Този един стил ще превърне елемента "body" на вашите страници в невидим - и тъй като всичко на вашите страници е дете на елемента на тялото, това означава, че цялата страница / сайт няма да се показва.
Щом разполагате със стила за печат "print.css", ще го заредите в HTML като стилово поле за печат. Ето как бихте направили това - просто добавете следния ред към елемента "head" в HTML страниците си.
Важната част на линията по-горе е отбелязана с удебелен шрифт - че това е стиловица за печат. Тази информация показва на браузъра, че ако тази уеб страница е настроена да отпечатва, да използва тази стилова таблица вместо каквито и да е стандартни стилове, които страниците използват за показване на екрана. Тъй като страниците превключват към този "print.css" лист, стилът, който прави цялата страница не се показва, ще се появи и всичко, което ще се отпечата, ще бъде празна страница.
Блокирайте една страница наведнъж
Ако не е нужно да блокирате много страници на сайта си, можете да блокирате отпечатването на страница по страница със следните стилове, залепени в главата на вашия HTML код.