Webové stránky jsou určeny k zobrazení na obrazovce . Zatímco existuje široká škála možných zařízení, která mohou být použita k prohlížení webu (stolní počítače, notebooky, tablety, telefony, notebooky, televizory atd.), Všechny obsahují obrazovku nějakého druhu. Existuje jiný způsob, jak někdo může zobrazit vaše webové stránky způsobem, který neobsahuje obrazovku. Jedná se o fyzický tisk z vašich webových stránek.
Před rokem byste zjistili, že lidé, kteří tiskli webové stránky, byly celkem běžným scénářem. Vzpomínáme na setkání s mnoha klienty, kteří byli na webu noví a cítili se pohodlněji prohlížet tištěné stránky webu. Pak nám poskytli zpětnou vazbu a úpravy na ty kusy papíru, místo aby se podívali na obrazovku a diskutovali o tom. Lidé se v životech stali pohodlnějšími a obrazovky se mnohokrát množily. Viděli jsme stále méně lidí, kteří se snažili tisknout webové stránky na papír, ale stále se to děje. Možná budete chtít tento fenomén zvážit při plánování vašich webových stránek. Chcete, aby lidé vytiskli vaše webové stránky? Možná ne. Pokud tomu tak je, máte několik možností.
Jak blokovat webovou stránku při tisku pomocí CSS
Je snadné používat CSS, abyste zabránili lidem v tisku vašich webových stránek. Potřebujete jednoduše vytvořit stylový list s 1 řádkem s názvem "print.css", který obsahuje následující řádek CSS.
tělo {display: none; }}Tento jeden styl změní prvek "těla" vašich stránek na to, aby se nezobrazoval - a protože všechno na vašich stránkách je podřízené tělovému prvku, znamená to, že se celá stránka / stránka nezobrazí.
Jakmile budete mít svůj styl stylu "print.css", nahrajete jej do HTML jako stylu tisku. Zde je návod, jak to udělat - stačí přidat následující řádek na prvek "head" na vašich stránkách HTML.
Důležitá část řádku výše je vyznačena tučně - že jde o tiskové styly. Tato informace informuje prohlížeč, že pokud je tato webová stránka nastavena pro tisk, použije tento stylový styl namísto výchozího stylu, který stránky používají pro zobrazení na obrazovce. Když se stránky přepnou na tento list "print.css", začne se štít, který činí celou stránku nezobrazenou, a vše, co bude tisknout, bude prázdná stránka.
Blokovat jednu stránku najednou
Pokud nemusíte blokovat mnoho stránek na vašem webu, můžete zablokovat tisk na základě jednotlivých stránek s následujícími styly vloženými do hlava vašeho HTML.