Halaman web dimaksudkan untuk dilihat di layar . Meskipun ada berbagai macam perangkat yang dapat digunakan untuk melihat situs (desktop, laptop, tablet, ponsel, Perangkat yang dapat dikenakan, TV, dll.), Semuanya mencakup layar. Ada cara lain seseorang melihat situs web Anda, cara yang tidak menyertakan layar. Kami mengacu pada cetak fisik dari halaman web Anda.
Bertahun-tahun yang lalu, Anda akan menemukan bahwa orang yang mencetak situs web adalah skenario yang cukup umum. Kami ingat bertemu dengan banyak klien yang baru mengenal web dan merasa lebih nyaman meninjau halaman tercetak dari situs tersebut. Mereka kemudian memberi kami umpan balik dan pengeditan pada potongan-potongan kertas itu alih-alih melihat layar untuk membahas situs web. Ketika orang-orang menjadi lebih nyaman dengan layar dalam kehidupan mereka, dan karena layar tersebut telah berlipat ganda berkali-kali, kami telah melihat semakin sedikit orang mencoba untuk mencetak halaman web ke kertas, tetapi itu masih terjadi. Anda mungkin ingin mempertimbangkan fenomena ini ketika Anda merencanakan situs web Anda. Apakah Anda ingin orang mencetak halaman web Anda? Mungkin Anda tidak melakukannya. Jika itu masalahnya, Anda memiliki beberapa opsi.
Cara Memblokir Halaman Web Dari Mencetak Dengan CSS
Sangat mudah menggunakan CSS untuk mencegah orang mencetak halaman web Anda. Anda hanya perlu membuat 1 baris stylesheet bernama "print.css" yang menyertakan baris CSS berikut.
body {display: none; }Gaya yang satu ini akan mengubah elemen "tubuh" halaman Anda menjadi tidak ditampilkan - dan karena semua yang ada di halaman Anda adalah anak dari elemen body, ini berarti seluruh halaman / situs tidak akan ditampilkan.
Setelah Anda memiliki stylesheet "print.css", Anda akan memuatnya ke dalam HTML Anda sebagai stylesheet cetak. Di sini adalah bagaimana Anda akan melakukannya - tambahkan saja baris berikut ke elemen "head" di halaman HTML Anda.
Bagian penting dari garis di atas ditandai dengan huruf tebal - bahwa ini adalah lembar gaya cetak. Informasi ini memberi tahu browser bahwa jika halaman web ini diatur untuk dicetak, untuk menggunakan stylesheet ini, bukan apa pun gaya default yang digunakan halaman untuk tampilan di layar. Ketika halaman beralih ke lembar "print.css" ini, gaya yang membuat seluruh halaman tidak ditampilkan akan menendang masuk dan semua yang akan dicetak akan menjadi halaman kosong.
Blok Satu Halaman Setiap Saat
Jika Anda tidak perlu memblokir banyak halaman di situs Anda, Anda dapat memblokir pencetakan pada halaman demi halaman dengan gaya-gaya berikut ditempelkan ke kepala HTML Anda.