Bir Web Sayfasının CSS ile Yazdırılmasını Engelleme

internet sayfaları bir ekranda görüntülenmek içindir. Bir siteyi görüntülemek için kullanılabilecek çok çeşitli olası cihazlar olsa da (masaüstü bilgisayarlar, dizüstü bilgisayarlar, tabletler, telefonlar, giyilebilir cihazlar, TV'ler vb.), hepsi bir tür ekran içerir. Birinin web sitenizi görüntülemesinin başka bir yolu vardır, ekran içermeyen bir yol. Web sayfalarınızın fiziksel çıktısını kastediyoruz.

Yıllar önce, web sitelerini basan insanların oldukça yaygın bir senaryo olduğunu görürdünüz. Web'de yeni olan ve sitenin basılı sayfalarını incelerken daha rahat hisseden birçok müşteriyle tanıştığımızı hatırlıyoruz. Daha sonra, web sitesini tartışmak için ekrana bakmak yerine bize bu kağıt parçaları üzerinde geri bildirim ve düzenlemeler verdiler. İnsanlar hayatlarında ekranlarla daha rahat hale geldikçe ve bu ekranlar çoğaldıkça birçok kez, web sayfalarını kağıda yazdırmaya çalışan daha az insan gördük, ancak yine de olmak. Web sitenizi planlarken bu fenomeni düşünmek isteyebilirsiniz. İnsanların web sayfalarınızı yazdırmasını ister misiniz? Belki yapmazsın. Eğer durum buysa, bazı seçenekleriniz var.

Bir Web Sayfasının CSS ile Yazdırılmasını Engelleme

kullanımı kolay CSS insanların web sayfalarınızı yazdırmasını önlemek için. Aşağıdaki CSS satırını içeren "print.css" adında 1 satırlık bir stil sayfası oluşturmanız yeterlidir.

gövde { ekran: yok; }

Bu tek stil, sayfalarınızın "gövde" öğesini görüntülenmiyor — ve sayfalarınızdaki her şey body öğesinin alt öğesi olduğundan, bu, sayfanın/sitenin tamamının görüntülenmediği anlamına gelir.

"print.css" stil sayfanıza sahip olduğunuzda, onu HTML bir baskı stil sayfası olarak. Bunu şu şekilde yaparsınız - HTML sayfalarınızdaki "head" öğesine aşağıdaki satırı eklemeniz yeterlidir.

Bu bilgi, tarayıcıya, bu web sayfası yazdırılacak şekilde ayarlanmışsa, sayfaların ekranda görüntülemek için kullandığı varsayılan stil sayfası yerine bu stil sayfasını kullanmasını söyler. Sayfalar bu "print.css" sayfasına geçtiğinde, tüm sayfanın görüntülenmemesine neden olan stil devreye girecek ve yazdırılacak her şey boş bir sayfa olacaktır.

Bir Seferde Bir Sayfayı Engelleyin

Sitenizdeki çok sayıda sayfayı engellemeniz gerekmiyorsa, HTML'nizin başlığına yapıştırılan aşağıdaki stiller ile sayfa sayfa yazdırmayı engelleyebilirsiniz.

Bu sayfa içi stil, sayfanızdaki tüm stillerden daha yüksek bir özgüllüğe sahip olacaktır. harici stil sayfaları, bu, sayfanın hiç yazdırılmayacağı, bu satıra sahip olmayan diğer sayfaların ise normal şekilde yazdırılacağı anlamına gelir.

Engellenen Sayfalarınızla Daha Meraklı Olun

Ya yazdırmayı engellemek istiyor ancak müşterilerinizin hayal kırıklığına uğramasını istemiyorsanız? Boş bir sayfa yazdırıldığını görürlerse üzülebilirler ve yazıcılarının veya bilgisayarlarının bozulduğunu düşünebilirler ve aslında yazdırmayı devre dışı bıraktığınızı fark etmeyebilirler!

Ziyaretçilerin hayal kırıklığına uğramasını önlemek için, biraz daha meraklı olabilir ve yalnızca okuyucularınız sayfayı yazdırdığında görüntülenecek bir mesaj koyabilirsiniz - diğer içeriği değiştirerek. Bunu yapmak için standart web sayfanızı oluşturun ve sayfanın üst kısmına, gövde etiketinin hemen ardından şunu yazın:

Ve tüm içeriğiniz yazıldıktan sonra, sayfanın en altındaki bu etiketi kapatın:

Bu sayfa çevrimiçi olarak görüntülenmek üzere tasarlanmıştır ve yazdırılamaz. Lütfen bu sayfayı şu adresten görüntüleyin: http://webdesign.lifewire.com/od/advancedcss/qt/block_print.htm

#noprint { ekran: yok; }
#print { ekran: blok; }

#print { ekran: yok; }
#noprint { ekran: blok; }