A weboldalakat a képernyőn kell megtekinteni . Bár számos olyan eszköz létezik, amelyek megtekinthetik a webhelyet (asztali számítógépek, laptopok, táblagépek, telefonok, hordozható készülékek, televíziók stb.), Mindegyikük tartalmaz valamilyen képernyőt. Van egy másik módja annak, hogy valaki megtekinthesse webhelyét, olyan módon, amely nem tartalmaz egy képernyőt. A weblapok fizikai nyomtatására utalunk.
Évekkel ezelőtt azt találta, hogy az emberek weboldalak nyomtatása meglehetősen gyakori forgatókönyv. Emlékszünk arra, hogy találkoztunk sok olyan ügyféllel, akik újak voltak az interneten, és kényelmesebbnek éreztük a webhely nyomtatott oldalainak áttekintését. Aztán visszajelzést adtak nekik és szerkesztették ezeket a papírdarabokat, ahelyett, hogy a képernyőt a weboldalról megvitatnák. Ahogy az emberek kényelmesebben érezték magukat az életük képernyőjén, és mivel ezek a képernyők sokszor többször szaporodtak, kevesebb embert láttunk, akik nyomtatják a weboldalakat papírra, de ez még mindig megtörténik. Ezt a jelenséget akkor érdemes megfontolni, amikor tervezi a webhelyet. Szeretné, hogy az emberek kinyomtathassák weboldalaikat? Talán nem. Ha ez a helyzet, akkor van néhány lehetőséged.
Hogyan lehet blokkolni egy weboldalt a CSS nyomtatással?
Könnyű használni a CSS-t, hogy megakadályozzák az embereknek a weboldalak nyomtatását. Egyszerűen létre kell hoznia egy 1 soros "print.css" stíluslapot, amely tartalmazza a következő CSS sort.
body {display: none; }Ez az egyik stílus az oldalaink "test" elemét jeleníti meg, hogy nem jelenjenek meg - és mivel az oldalain található összes elem a testelem gyermeke, ez azt jelenti, hogy az egész oldal / webhely nem jelenik meg.
Miután megvan a "print.css" stíluslapja, betöltened a HTML formátumba nyomtatási stíluslapként. Íme, hogy ezt tenned kell - csak adja hozzá a következő sort a "fej" elemhez a HTML oldalakon.
A fenti sor fontos része félkövérrel van jelölve - ez egy nyomtatási stíluslap. Ez az információ azt mondja a böngészőnek, hogy ha ez a weboldal nyomtatásra van beállítva, akkor ezt a stíluslapot használhatja az alapértelmezett stíluslap helyett, amelyet az oldalak a képernyőn megjelenítenek. Ahogy az oldalak átkerülnek erre a "print.css" lapra, a stílus, amely az egész oldalt nem jeleníti meg, rúgni fog, és minden, ami nyomtatni fog, üres oldal lesz.
Egy blokk egy oldal egy időben
Ha nem kell blokkolni sok oldalt a webhelyén, blokkolhatja a nyomtatást oldalanként, és a következő stílusokat illesztheti a HTML fejlécébe.