Com bloquejar una pàgina web des de la impressió amb CSS

Les pàgines web estan destinades a ser vistes en una pantalla . Si bé hi ha una gran varietat de dispositius possibles que es poden utilitzar per visualitzar un lloc (ordinadors portàtils, ordinadors portàtils, tauletes, telèfons, dispositius portàtils, televisors, etc.), tots inclouen una pantalla d'algun tipus. Hi ha una altra manera que algú pot veure el vostre lloc web, una manera que no inclou cap pantalla. Ens referim a una impressió física de les seves pàgines web.

Fa anys, trobaria que la gent que imprimia llocs web era un escenari bastant comú. Recordem reunir-nos amb molts clients nous a la web i es va sentir més còmode revisant les pàgines impreses del lloc. A continuació, ens van donar comentaris i edicions sobre aquests documents en lloc de mirar la pantalla per parlar sobre el lloc web. Com que les persones s'han tornat més còmodes amb les pantalles de la seva vida, i com aquestes pantalles s'han multiplicat moltes vegades, hem vist menys i menys persones que intenten imprimir pàgines web en paper, però encara passa. És possible que vulgueu considerar aquest fenomen quan planifiqueu el vostre lloc web. Vols que la gent imprimeixi les seves pàgines web? Potser no ho feu. Si aquest és el cas, teniu algunes opcions.

Com bloquejar una pàgina web des de la impressió amb CSS

És fàcil d'usar CSS per evitar que la gent imprimeixi les seves pàgines web. Simplement heu de crear un full d'estil de línia d'1 anomenat "print.css" que inclogui la següent línia de CSS.

cos {display: ningú; }

Aquest estil converteix l'element "body" de les vostres pàgines perquè no es mostri, i com que tot a les vostres pàgines és fill de l'element del cos, això significa que no es mostrarà la pàgina / el lloc sencer.

Una vegada que tingui el full d'estils "print.css", el carregarà a l'HTML com a full d'estils d'impressió. A continuació, us indiquem com fer-ho: simplement afegiu la següent línia a l'element "capçalera" de les vostres pàgines HTML.

La part important de la línia anterior està indicada en negreta: que es tracta d'un full d'estils imprès. Aquesta informació indica al navegador que si aquesta pàgina web està configurada per imprimir, per utilitzar aquest full d'estils en comptes del full d'estils per defecte que utilitzen les pàgines per a la visualització en pantalla. A mesura que les pàgines canvien a aquest full "print.css", l'estil que fa que la pàgina sencera no es mostri s'iniciarà i tot el que s'imprimirà seria una pàgina en blanc.

Bloca una pàgina alhora

Si no necessiteu bloquejar moltes pàgines al vostre lloc, podeu bloquejar la impressió en una pàgina per pàgina amb els estils següents enganxats al capdavant del vostre HTML.