Kako blokirati web stranicu da ispisuje CSS-om

Internet stranice namijenjeni su prikazivanju na ekranu. Iako postoji širok spektar mogućih uređaja koji se mogu koristiti za pregled web mjesta (stolna računala, prijenosna računala, tableti, telefoni, nosivi uređaji, televizori itd.), svi uključuju zaslon neke vrste. Postoji još jedan način na koji netko može pregledati vašu web stranicu, način koji ne uključuje zaslon. Mislimo na fizički ispis vaših web stranica.

Prije mnogo godina otkrili biste da su ljudi koji tiskaju web stranice prilično čest scenarij. Sjećamo se sastanka s mnogim klijentima koji su bili novi na webu i osjećali su se ugodnije pregledavajući ispisane stranice web mjesta. Zatim su nam dali povratne informacije i izmjene na tim papirima umjesto da gledaju u zaslon kako bi razgovarali o web mjestu. Kako su ljudi postajali ugodniji sa zaslonima u svom životu, i kako su se ti zasloni množili mnogo puta smo vidjeli sve manje ljudi koji pokušavaju ispisati web stranice na papir, ali to i dalje čini dogoditi se. Možda ćete htjeti razmotriti ovaj fenomen kada planirate svoje web mjesto. Želite li da ljudi ispisuju vaše web stranice? Možda i ne. Ako je to slučaj, imate neke mogućnosti.

watch instagram stories

Kako blokirati web stranicu da ispisuje CSS-om

Jednostavan je za upotrebu CSS kako biste spriječili ljude da ispisuju vaše web stranice. Jednostavno morate stvoriti tablicu stilova u jednom retku pod nazivom "print.css" koja uključuje sljedeći redak CSS-a.

tijelo {prikaz: nema; }

Ovaj jedan stil pretvorit će u "tijelo" element vaših stranica se ne prikazuje - a budući da je sve na vašim stranicama podređeno elementu tijela, to znači da neće biti prikazana cijela stranica / web mjesto.

Jednom kada imate svoj stil "print.css", učitali biste ga u svoj HTML kao tablica stilova za ispis. Evo kako biste to učinili - samo dodajte sljedeći redak elementu "glava" na vašim HTML stranicama.


Ove informacije govore pregledniku da ako je ova web stranica postavljena za ispis, da koristi ovu tablicu stilova umjesto bilo koje zadane tablice stilova koju stranice koriste za prikaz na zaslonu. Kako se stranice prebacuju na ovaj list "print.css", aktivirat će se stil zbog kojeg se neće prikazivati ​​cijela stranica, a sve što će se ispisati bit će prazna stranica.

Blokiraj jednu po jednu stranicu

Ako ne trebate blokirati puno stranica na svojoj web lokaciji, ispis možete blokirati od stranice do stranice pomoću sljedećih stilova zalijepljenih u glavu vašeg HTML-a.


Ovaj stil na stranici imao bi veću specifičnost od bilo kojeg stila unutar vašeg vanjski stilski listovi, što znači da se stranica uopće ne bi ispisivala, dok bi se ostale stranice bez ovog retka i dalje normalno ispisivale.

Nabavite ljubitelja sa svojim blokiranim stranicama

Što ako želite blokirati ispis, ali ne želite da vaši kupci postanu frustrirani? Ako vide ispis prazne stranice, mogu se uznemiriti i pomisliti da im je pisač ili računalo pokvareno i ne shvatiti da ste u osnovi onemogućili ispis!

Da biste izbjegli frustraciju posjetitelja, možete malo odgajati i staviti poruku koja će se prikazati tek kad čitatelji ispišu stranicu - zamjenjujući drugi sadržaj. Da biste to učinili, izradite svoju standardnu ​​web stranicu i na vrh stranice, odmah nakon oznake body, stavite:


I zatvorite tu oznaku nakon što je sav vaš sadržaj napisan, na samom dnu stranice:


Zatim, nakon što zatvorite div "noprint", otvori drugi div s porukom koju želite prikazati prilikom ispisa dokumenta:


Ova je stranica namijenjena internetskom pregledu i ne može se tiskati. Molimo pogledajte ovu stranicu na http://webdesign.lifewire.com/od/advancedcss/qt/block_print.htm



Uključite vezu do ispisanog CSS dokumenta pod nazivom print.css:


A u taj dokument uvrstite sljedeće stilove:

#noprint {prikaz: nema; }
#print {prikaz: blok; }

Napokon, u vašem standardnom tablici stilova (ili u unutarnji stil u glavu dokumenta), napišite:

#print {prikaz: nema; }
#noprint {prikaz: blok; }

To će osigurati da se ispisna poruka prikazuje samo na ispisanoj stranici, dok se web stranica prikazuje samo na internetskoj stranici.

Razmotrite korisničko iskustvo

Ispis web stranica je općenito loše iskustvo jer današnja web mjesta često ne prevode dobro na ispisanu stranicu. Ako ne želite stvoriti potpuno zasebnu tablicu stilova za diktiranje stilova ispisa, možete razmotriti korištenje koraka iz ovog članka za "isključivanje" ispisa na stranici. Budite svjesni utjecaja koji bi to moglo imati na korisnike koji se oslanjaju na ispis web stranica (možda zato što imaju slab vid i borba s čitanjem teksta na ekranu) i donosite odluke koje će raditi za vaše web mjesto publika.

Izvorni članak Jennifer Krynin. Uredio Jeremy Girard.

instagram story viewer