Webbsidor är avsedda att ses på en skärm. Medan det finns en mängd olika möjliga enheter som kan användas för att visa en webbplats (stationära datorer, bärbara datorer, surfplattor, telefoner, bärbara datorer, tv-apparater etc.), innehåller de alla en skärm av något slag. Det finns ett annat sätt att någon kan se din webbplats, ett sätt som inte innehåller en skärm. Vi hänvisar till en fysisk utskrift av dina webbsidor.
För flera år sedan skulle du tycka att folk som skriver ut webbplatser var ett ganska vanligt scenario. Vi kommer ihåg att träffas med många kunder som var nya på webben och kände sig mer bekväma att granska utskrivna sidor på webbplatsen. De gav oss sedan feedback och redigeringar på dessa papper istället för att titta på skärmen för att diskutera webbplatsen. Eftersom människor har blivit mer bekväma med skärmarna i sina liv, och som dessa skärmar har multiplicerat många gånger över, har vi sett färre och färre människor som försöker skriva ut webbsidor på papper, men det händer fortfarande. Du kanske vill överväga detta fenomen när du planerar din webbplats. Vill du att folk ska skriva ut dina webbsidor? Kanske gör du det inte. Om så är fallet har du några alternativ.
Så här blockerar du en webbsida från utskrift med CSS
Det är lätt att använda CSS för att förhindra att människor skriver ut dina webbsidor. Du behöver helt enkelt skapa ett 1-linjers stilark med namnet "print.css" som innehåller följande rad av CSS.
kropp {display: none; }
Den här stilen gör att "kroppsdelen" på dina sidor inte visas - och eftersom allt på dina sidor är ett barn i kroppsdelen betyder det att hela sidan / webbplatsen inte kommer att visas. När du har skrivarkortet "print.css" skulle du ladda det i din HTML som ett utskriftsformat. Så här gör du det - lägg bara till följande rad i "huvud" -elementet på dina HTML-sidor.
Denna information berättar om webbläsaren att om den här webbsidan är inställd att skriva ut, använd den här stilarken istället för det vanliga stilarket som sidorna använder för skärmdisplayen. Eftersom sidorna växlar till det här "print.css" -arket, kommer den stil som gör att hela sidan inte visas, att sparka in och allt som kommer att skrivas ut skulle vara en tom sida. Om du inte behöver blockera många sidor på din webbplats kan du blockera utskrift på en sida vid sida med följande stilar klistrade in i huvudet på din HTML.
Den här sidan på sidan skulle ha en högre specificitet än alla stilar i dina externa stilark, vilket innebär att sidan inte skulle skrivas ut alls, medan andra sidor utan den här raden fortfarande skulle skrivas ut normalt. Vad händer om du vill blockera utskrift, men vill inte att dina kunder blir frustrerade? Om de ser en blank sida utskrift, kan de bli upprörd och tror att deras skrivare eller dator är trasig och inte inser att du har väsentligen inaktiverad utskrift! För att undvika besökarnas frustration kan du få lite mer avancerad och lägga in ett meddelande som bara visas när dina läsare skriver ut sidan - ersätter det andra innehållet. För att göra detta, bygg din standardwebbplats och högst upp på sidan, direkt efter korgtaggen, sätt: Och stäng den taggen när allt ditt innehåll är skrivet längst ner på sidan: Sedan, efter att du har stängt dividen "noprint", öppnar du en annan div med meddelandet du vill visa när dokumentet skrivs ut: Den här sidan är avsedd att ses online och får inte skrivas ut. Vänligen se den här sidan på http://webdesign.about.com/od/advancedcss/qt/block_print.htm Inkludera en länk till ditt utskrivna CSS-dokument med namnet print.css:
Och i det dokumentet ingår följande stilar: #noprint {display: none; } #print {display: block; }
Slutligen, i ditt standardstilark (eller i en intern stil i dokumenthuvudet), skriv: #print {display: none; } #noprint {display: block; }
Detta säkerställer att utskriftsmeddelandet endast visas på den utskrivna sidan, medan webbsidan endast visas på webbsidan. Att skriva ut webbsidor är generellt en dålig upplevelse, eftersom dagens webbplatser ofta inte översätter sig bra till den tryckta sidan. Om du inte vill skapa ett helt separat stilark för att diktera utskriftsformat kan du överväga att använda stegen från den här artikeln för att "stänga av" utskrift på en sida. Var medveten om vilken inverkan det kan ha på användare som är beroende av utskriftswebbplatser (kanske för att de har dålig syn och kämpar för att läsa text på skärmen) och fatta beslut som kommer att fungera för din webbplatss publik. Originalartikel av Jennifer Krynin. Redigerad av Jeremy Girard. Blockera en sida i taget
Få snyggare med dina blockerade sidor
Tänk på användarupplevelsen
