Các trang web có nghĩa là được xem trên màn hình . Mặc dù có rất nhiều thiết bị có thể được sử dụng để xem trang web (máy tính để bàn, máy tính xách tay, máy tính bảng, điện thoại, thiết bị đeo được, TV, v.v), tất cả đều có màn hình. Có một cách khác để ai đó có thể xem trang web của bạn, một cách không bao gồm màn hình. Chúng tôi đang đề cập đến một bản in vật lý ra khỏi các trang web của bạn.
Nhiều năm trước, bạn sẽ thấy rằng mọi người in trang web là một tình huống khá phổ biến. Chúng tôi nhớ gặp gỡ nhiều khách hàng mới sử dụng web và cảm thấy thoải mái hơn khi xem lại các trang in của trang web. Sau đó, họ đã cung cấp cho chúng tôi thông tin phản hồi và chỉnh sửa trên những mảnh giấy thay vì nhìn vào màn hình để thảo luận về trang web. Khi mọi người trở nên thoải mái hơn với màn hình trong cuộc sống của họ, và khi những màn hình đó nhân lên nhiều lần, chúng tôi thấy ngày càng có ít người cố gắng in các trang web trên giấy, nhưng nó vẫn xảy ra. Bạn có thể muốn xem xét hiện tượng này khi bạn lên kế hoạch cho trang web của mình. Bạn có muốn mọi người in các trang web của bạn không? Có thể bạn không. Nếu đó là trường hợp, bạn có một số tùy chọn.
Làm thế nào để chặn một trang web từ in ấn với CSS
Thật dễ dàng để sử dụng CSS để ngăn mọi người in các trang web của bạn. Bạn chỉ cần tạo một biểu định kiểu 1 dòng có tên là "print.css" bao gồm dòng CSS sau.
body {display: none; }Kiểu này sẽ biến phần tử "cơ thể" của các trang của bạn không được hiển thị - và vì mọi thứ trên trang của bạn là phần tử con của phần tử nội dung, điều này có nghĩa là toàn bộ trang / trang web sẽ không được hiển thị.
Khi bạn có bảng định kiểu "print.css", bạn sẽ tải nó vào HTML dưới dạng bản định kiểu in. Đây là cách bạn sẽ làm điều đó - chỉ cần thêm dòng sau vào phần tử "head" trong các trang HTML của bạn.
Phần quan trọng của dòng bên trên được biểu thị bằng chữ in đậm - đây là bản định kiểu in. Thông tin này cho trình duyệt biết rằng nếu trang web này được đặt để in, sử dụng biểu định kiểu này thay vì bất kỳ biểu định kiểu mặc định nào mà các trang sử dụng để hiển thị trên màn hình. Khi các trang chuyển sang trang "print.css" này, kiểu làm cho toàn bộ trang không được hiển thị sẽ khởi động và tất cả các trang sẽ in sẽ là một trang trống.
Chặn một trang tại một thời điểm
Nếu bạn không cần chặn nhiều trang trên trang web của mình, bạn có thể chặn in trên cơ sở từng trang với các kiểu sau được dán vào phần đầu của HTML của bạn.