Kako blokirati web stranicu od štampanja pomoću CSS-a

Web stranice su namenjene za gledanje na ekranu . Iako postoji širok spektar mogućih uređaja koji se mogu koristiti za prikaz lokacije (desktop računara, laptop računara, tableta, telefona, habanja, televizora itd.), Svi oni uključuju ekran neke vrste. Postoji i drugi način na koji neko može videti vašu web stranicu, na koji se ne nalazi ekran. Mi mislimo na fizički ispis iz vaših web stranica.

Pre više godina, otkrili biste da su ljudi koji štampaju web stranice prilično česti scenario. Sećamo se susreta s mnogim klijentima koji su bili novi na webu i osjećali su ugodnije pregledati štampane stranice sajta. Zatim su nam dali povratne informacije i izmene na tim listovima umesto da gledamo na ekran da bi razgovarali o web stranici. S obzirom na to kako se ljudi u životu osećaju ugodnijim sa ekranima, a pošto su ti ekrani višestruko umnoženi, vidjeli smo sve manje ljudi koji pokušavaju da odštampaju web stranice na papiru, ali se to i dalje desilo. Možda ćete želeti da razmotrite ovaj fenomen kada planirate svoju web stranicu. Hoćeš li da ljudi odštampaju svoje web stranice? Možda ne. Ako je to slučaj, imate neke opcije.

Kako blokirati web stranicu od štampanja pomoću CSS-a

Lako je koristiti CSS kako bi sprečio ljude da štampaju svoje web stranice. Jednostavno je potrebno kreirati liniju 1 linije pod nazivom "print.css" koja uključuje sljedeću liniju CSS-a.

telo {display: none; }

Ovaj stil će okrenuti element "tijela" na vašim stranicama da ne bude prikazan - a pošto je sve na vašim stranama dijete elementa tijela, to znači da cijela stranica / stranica neće biti prikazana.

Jednom kada imate stil stylesheeta "print.css", učitali biste ga u svoj HTML kao stil za štampanje. Evo kako biste to uradili - dodajte sljedeću liniju na element "glava" na HTML stranicama.

Važan deo gornje linije označen je podebljanim slovima - da je ovo stil stampa za štampanje. Ove informacije govore pregledaču da ako je ova stranica postavljena na štampanje, da biste koristili ovu stilsku tablu umesto bilo koje podrazumevane stilske liste stranice koriste za prikaz na ekranu. Dok se stranice prelaze na ovaj list "print.css", stil koji čini celu stranicu ne prikazuje se i sve što će se štampati biće prazna stranica.

Blokiraj jednu stranicu u isto vreme

Ako vam ne treba blokirati puno stranica na vašoj web lokaciji, možete blokirati štampanje na osnovu stranice po stranici sa slijedećim stilovima koji se nalaze u glavu vašeg HTML-a.