Halaman web bertujuan untuk dilihat pada skrin . Walaupun terdapat pelbagai jenis peranti yang boleh digunakan untuk melihat tapak (komputer meja, komputer riba, tablet, telefon, wearables, TV, dan lain-lain), mereka semua termasuk skrin beberapa jenis. Terdapat cara lain seseorang boleh melihat laman web anda, cara yang tidak termasuk skrin. Kami merujuk kepada cetakan fizikal dari laman web anda.
Beberapa tahun yang lalu, anda akan mendapati bahawa laman web percetakan orang adalah senario yang sangat biasa. Kami masih ingat dengan banyak pelanggan yang baru di web dan merasa lebih selesa meninjau halaman bercetak di laman web ini. Mereka kemudian memberi kami maklum balas dan pengeditan pada kertas tersebut dan bukannya melihat skrin untuk membincangkan laman web tersebut. Oleh kerana orang telah menjadi lebih selesa dengan skrin dalam kehidupan mereka, dan kerana skrin telah berlipat ganda banyak kali, kita telah melihat lebih sedikit dan lebih sedikit orang yang mencuba untuk mencetak halaman web ke kertas, tetapi ia masih berlaku. Anda mungkin ingin mempertimbangkan fenomena ini apabila anda merancang laman web anda. Adakah anda mahu orang mencetak halaman web anda? Mungkin awak tidak. Jika demikian, anda mempunyai beberapa pilihan.
Cara Menghalang Laman Web Daripada Percetakan Dengan CSS
Mudah untuk menggunakan CSS untuk menghalang orang daripada mencetak halaman web anda. Anda hanya perlu membuat garis gaya 1 baris bernama "print.css" yang merangkumi barisan CSS berikut.
body {display: none; }Gaya satu ini akan menjadikan elemen "badan" halaman anda menjadi tidak dipaparkan - dan kerana segala-galanya di halaman anda adalah kanak-kanak unsur tubuh, ini bermakna bahawa keseluruhan laman / halaman tidak akan dipaparkan.
Sebaik sahaja anda mempunyai lembaran gaya "print.css", anda akan memuatkannya ke dalam HTML anda sebagai lembaran gaya cetak. Berikut adalah cara anda melakukannya - hanya tambah baris berikut ke elemen "kepala" dalam halaman HTML anda.
Bahagian penting garis di atas ditunjukkan dalam huruf tebal - bahawa ini adalah lembaran gaya cetak. Maklumat ini memberitahu penyemak imbas bahawa jika halaman web ini ditetapkan untuk dicetak, menggunakan lembaran gaya ini dan bukannya apa-apa lembaran gaya lalai yang digunakan halaman untuk paparan pada skrin. Apabila halaman beralih ke lembaran "print.css" ini, gaya yang menjadikan keseluruhan halaman tidak dipaparkan akan menendang dan semua yang akan dicetak akan menjadi halaman kosong.
Sekat Satu Halaman pada satu Masa
Jika anda tidak perlu menghalang banyak halaman di laman web anda, anda boleh menyekat percetakan pada halaman demi halaman dengan gaya berikut disisipkan ke kepala HTML anda.