As páxinas web están destinadas a ser vistas nunha pantalla . Aínda que hai unha gran variedade de posibles dispositivos que se poden usar para ver un sitio (ordenadores de sobremesa, portátiles, tabletas, teléfonos, dispositivos portátiles, televisores, etc.), inclúen unha pantalla de calquera tipo. Hai outra forma de que alguén poida ver o teu sitio web, un xeito que non inclúa unha pantalla. Estamos a facer referencia a unha impresión física das súas páxinas web.
Anos atrás, atoparías que a xente que imprimía sitios web era un escenario moi común. Recordamos reunións con moitos clientes que foron novos na web e sentíronse máis cómodos revisando as páxinas impresas do sitio. Entón envíanos comentarios e edicións sobre eses anacos de papel en vez de mirar a pantalla para discutir o sitio web. A medida que a xente se volveu máis cómoda coas pantallas nas súas vidas, e como esas pantallas multiplicáronse moitas veces, vimos que cada vez hai menos persoas que tentan imprimir páxinas web en papel, pero aínda así sucede. Pode querer considerar este fenómeno cando planea o seu sitio web. Queres que a xente imprima as túas páxinas web? Quizais non o fagas. Se ese é o caso, tes algunhas opcións.
Como bloquear unha páxina web desde impresión con CSS
É fácil de usar o CSS para evitar que as persoas poidan imprimir as túas páxinas web. Simplemente cómpre crear unha folla de estilo de 1 liña chamada "print.css" que inclúa a seguinte liña de CSS.
corpo {amosar: ningún; }Este estilo converterá o elemento "corpo" das túas páxinas en non ser amosado e, como todas as páxinas son un fillo do elemento do corpo, isto significa que non se mostrará toda a páxina / sitio.
Despois de ter a súa folla de estilo "print.css", cargala no seu HTML como unha folla de estilo de impresión. Velaquí como faría isto: simplemente engada a seguinte liña ao elemento "cabeza" nas súas páxinas HTML.
A parte importante da liña anterior está indicada en negra - que esta é unha folla de estilo de impresión. Esta información informa ao navegador que se esta páxina web está configurada para imprimir, use esta folla de estilo en lugar da folla de estilo predefinida que usa as páxinas para a visualización en pantalla. Como as páxinas cambian a esta folla "print.css", o estilo que fai que a páxina enteira non se mostre iniciará e todo o que se imprimiría sería unha páxina en branco.
Bloquear unha páxina ao mesmo tempo
Se non necesita bloquear moitas páxinas no seu sitio, pode bloquear a impresión nunha páxina por páxina cos seguintes estilos pegados no encabezado do seu HTML.