Webpagina's zijn bedoeld om op een scherm te worden bekeken. Hoewel er een grote verscheidenheid aan mogelijke apparaten is die kunnen worden gebruikt om een site te bekijken (desktops, laptops, tablets, telefoons, wearables, tv's, enz.), Bevatten ze allemaal een soort scherm. Er is een andere manier waarop iemand uw website kan bekijken, een manier waarop geen scherm is opgenomen. We hebben het over een fysieke afdruk van uw webpagina's.
Jaren geleden zou je merken dat het afdrukken van websites een vrij algemeen scenario was. We herinneren ons een ontmoeting met veel klanten die nieuw waren op het web en voelden zich prettiger bij het controleren van afgedrukte pagina's van de site. Ze gaven ons vervolgens feedback en bewerkingen op die stukjes papier in plaats van naar het scherm te kijken om de website te bespreken. Naarmate mensen comfortabeler zijn geworden met de schermen in hun leven en deze schermen vele malen zijn vermenigvuldigd, hebben we steeds minder mensen zien proberen webpagina's op papier af te drukken, maar het gebeurt nog steeds. Misschien wilt u dit fenomeen overwegen bij het plannen van uw website. Wilt u dat mensen uw webpagina's afdrukken? Misschien niet. Als dat het geval is, hebt u enkele opties.
Hoe een webpagina blokkeren van afdrukken met CSS
Het is eenvoudig te gebruiken CSS om te voorkomen dat mensen uw webpagina's afdrukken. U hoeft alleen maar een lijnstijl met 1 regel te maken met de naam "print.css" die de volgende regel CSS bevat.
body {weergave: geen; }
Deze ene stijl maakt van het "body" -element van je pagina's dat het niet wordt weergegeven - en omdat alles op je pagina's een child van het body-element is, betekent dit dat de hele pagina / site niet wordt weergegeven. Zodra u uw stylesheet "print.css" heeft, laadt u dit in uw HTML als afdrukstijlblad. Hier is hoe je dat zou doen - voeg gewoon de volgende regel toe aan het "head" -element in je HTML-pagina's.
Deze informatie vertelt de browser dat, als deze webpagina is ingesteld om af te drukken, deze stylesheet te gebruiken in plaats van elke standaardstijlpagina die de pagina's gebruiken voor weergave op het scherm. Naarmate de pagina's overschakelen naar dit "print.css" -blad, wordt de stijl die ervoor zorgt dat de hele pagina niet wordt weergegeven, geactiveerd en zal alles dat wordt afgedrukt een lege pagina zijn. Als u niet veel pagina's op uw site hoeft te blokkeren, kunt u het afdrukken per pagina blokkeren, waarbij de volgende stijlen in de kop van uw HTML zijn geplakt.
Deze in-page stijl zou een hogere specificiteit hebben dan alle stijlen in uw externe stijlbladen, wat betekent dat de pagina helemaal niet zou worden afgedrukt, terwijl andere pagina's zonder deze lijn nog steeds normaal zouden worden afgedrukt. Wat als u het afdrukken wilt blokkeren, maar niet wilt dat uw klanten gefrustreerd raken? Als ze een blanco pagina zien afdrukken, kunnen ze boos worden en denken dat hun printer of computer kapot is en zich niet realiseren dat u het afdrukken in wezen hebt uitgeschakeld! Om frustratie bij bezoekers te voorkomen, kun je een beetje duivenmelker krijgen en een bericht plaatsen dat alleen wordt weergegeven wanneer je lezers de pagina afdrukken - ter vervanging van de andere inhoud. Bouw hiervoor uw standaardwebpagina en plaats bovenaan de pagina, direct na de body-tag: En sluit die tag nadat al uw inhoud is geschreven, helemaal onderaan de pagina: Nadat u de divisie "noprint" hebt gesloten, opent u vervolgens nog een div met het bericht dat u wilt weergeven wanneer het document wordt afgedrukt: Deze pagina is bedoeld om online te worden bekeken en kan mogelijk niet worden afgedrukt. Bekijk deze pagina op http://webdesign.about.com/od/advancedcss/qt/block_print.htm Voeg een link toe aan uw gedrukte CSS-document met de naam print.css:
En in dat document staan de volgende stijlen: #noprint {display: geen; } #print {display: block; }
Ten slotte schrijft u in uw standaard stylesheet (of in een interne stijl in uw documentkop): #print {display: none; } #noprint {display: block; }
Dit zorgt ervoor dat het afdrukbericht alleen op de afgedrukte pagina verschijnt, terwijl de webpagina alleen op de online-pagina verschijnt. Het afdrukken van webpagina's is over het algemeen een slechte ervaring, aangezien de sites van vandaag vaak niet goed vertalen naar de afgedrukte pagina. Als u geen volledig afzonderlijk stijlblad wilt maken om afdrukstijlen te dicteren, kunt u overwegen de stappen in dit artikel te gebruiken om het afdrukken op een pagina uit te schakelen. Wees je bewust van de impact die dit zou kunnen hebben op gebruikers die afhankelijk zijn van het afdrukken van websites (misschien omdat ze een slechte visie hebben en moeite hebben met het lezen van tekst op het scherm) en beslissingen nemen die werken voor het publiek van je site. Origineel artikel door Jennifer Krynin. Bewerkt door Jeremy Girard. Blokkeer één pagina tegelijk
Krijg liefhebber met uw geblokkeerde pagina's
Overweeg de gebruikerservaring
