Web sayfalarının bir ekranda görüntülenmesi amaçlanmaktadır. Bir siteyi (masaüstleri, dizüstü bilgisayarlar, tabletler, telefonlar, giyilebilir cihazlar, televizyonlar, vb.) Görüntülemek için kullanılabilecek çok çeşitli cihazlar olsa da, bunların hepsi bir çeşit ekran içerir. Birinin web sitenizi başka bir şekilde görüntüleyebildiği, bir ekran içermeyen bir yolu vardır. Web sayfalarınızdan fiziksel bir baskıya başvurmaktayız.
Yıllar önce, web sitelerini yazdırmanın insanların oldukça yaygın bir senaryo olduğunu fark edeceksiniz. Web'de yeni olan ve sitenin basılı sayfalarını incelerken daha rahat hissettikleri birçok müşteriyle buluşmayı hatırlarız. Daha sonra, web sitesini tartışmak için ekrana bakmak yerine, o kağıt parçaları üzerinde bize geri bildirim ve düzenlemeler yaptık. İnsanlar hayatlarındaki ekranlarla daha rahat hale geldikçe ve bu ekranlar birçok kez katlandıkça, web sayfalarını kağıda yazdırmaya çalışan daha az ve daha az insan gördük, ama yine de oluyor. Web sitenizi planlarken bu olayı düşünmek isteyebilirsiniz. İnsanların web sayfalarınızı yazdırmasını ister misiniz? Belki de yapmazsın. Eğer durum buysa, bazı seçenekleriniz var.
CSS ile Baskıdan Web Sayfasını Engelleme
İnsanların web sayfalarınızı yazdırmasını önlemek için CSS'yi kullanmak çok kolaydır. Aşağıdaki CSS satırını içeren "print.css" adında bir 1 satır stil sayfası oluşturmanız yeterlidir.
vücut {ekran: yok; }Bu tek stil, sayfalarınızın "gövde" öğesini görüntülenmeyecek şekilde döndürecek - ve sayfalarınızdaki her şey vücut elemanının çocuğu olduğu için, bu, tüm sayfanın / sitenin görüntülenmeyeceği anlamına gelir.
"Print.css" stil sayfanıza sahip olduktan sonra, HTML'nize bir baskı stil sayfası olarak yüklersiniz. İşte bunu nasıl yapacağınız - sadece aşağıdaki satırları HTML sayfalarınızdaki "başlık" öğesine ekleyin.
Yukarıdaki satırın önemli kısmı kalın yazılmış - bu bir yazdırma stil sayfasıdır. Bu bilgi, tarayıcıya, bu web sayfası yazdırılacak şekilde ayarlandığında, sayfaların ekran görünümü için kullandığı varsayılan stil sayfası yerine bu stil sayfasını kullanması gerektiğini söyler. Sayfalar bu "print.css" sayfasına geçtikçe, tüm sayfanın görüntülenmesini engelleyen stil tek tek basılacak ve yazdırılacak olan her şey boş bir sayfa olacaktır.
Bir Zamanda Bir Sayfa Engelle
Sitenizde çok sayıda sayfayı engellemeniz gerekmiyorsa, HTML'nizin başına yapıştırılmış aşağıdaki stillerle sayfa bazında yazdırmayı engelleyebilirsiniz.