Hoe om 'n webbladsy te blokkeer van drukwerk met CSS

Webbladsye is bedoel om op 'n skerm besigtig te word. Alhoewel daar ' n wye verskeidenheid moontlike toestelle is wat gebruik kan word om 'n webwerf te besigtig (desktops, skootrekenaars, tablette, fone, draagbare, TV's, ens.), Bevat hulle almal 'n soort skerm. Daar is 'n ander manier waarop iemand jou webwerf kan sien, 'n manier waarop geen skerm ingesluit word nie. Ons verwys na 'n fisiese druk uit u webblaaie.

Jare gelede, sou jy vind dat mense druk webwerwe was 'n redelik algemene scenario. Ons onthou ontmoeting met baie kliënte wat nuut op die web was en gemakliker was om gedrukte bladsye van die werf te hersien. Hulle het ons dan terugvoer en wysigings op daardie stukkies papier gegee, in plaas daarvan om na die skerm te kyk om die webwerf te bespreek. Aangesien mense meer gemaklik geword het met die skerms in hul lewens, en aangesien die skerms baie keer vermenigvuldig het, het minder en minder mense probeer om webblaaie op papier te druk, maar dit gebeur nog steeds. U kan hierdie verskynsel oorweeg wanneer u u webwerf beplan. Wil jy hê dat mense jou webblaaie moet druk? Miskien doen jy dit nie. As dit die geval is, het u 'n paar opsies.

Hoe om 'n webbladsy te blokkeer van drukwerk met CSS

Dit is maklik om CSS te gebruik om te verhoed dat mense jou webblaaie druk. Jy hoef net 'n 1-reël style heet te skep met die naam "print.css" wat die volgende lyn van CSS insluit.

liggaam {vertoon: geen; }

Hierdie styl sal die elemente van die liggaamsdele van jou bladsye verander sodat dit nie vertoon word nie - en aangesien alles op jou bladsye 'n kind van die liggaamselement is, beteken dit dat die hele bladsy / werf nie vertoon sal word nie.

Sodra u die styleheet "print.css" het, laai u dit in u HTML as 'n drukstyl. Hier is hoe jy dit sou doen - voeg net die volgende reël by die "hoof" -element in jou HTML-bladsye.

Die belangrike deel van die lyn hierbo word in vetdruk aangedui - dit is 'n drukstyl. Hierdie inligting vertel die blaaier dat as hierdie webblad ingestel is om te druk, hierdie stylblad gebruik in plaas van watter standaardstylblad die bladsye vir die skerm vertoon. Aangesien die bladsye oorskakel na hierdie "print.css" -blad, sal die styl wat die hele bladsy nie vertoon nie, inskakel en alles wat sal druk, sal 'n leë bladsy wees.

Blok een bladsy op 'n tyd

As u nie baie bladsye op u werf hoef te blokkeer nie, kan u bladsye per bladsy blokkeer met die volgende style in die kop van u HTML geplak.