เว็บเพจมีไว้เพื่อให้ ดูบนหน้าจอ แม้ว่าจะ มีอุปกรณ์ที่เป็นไปได้มากมาย ที่สามารถนำมาใช้เพื่อดูไซต์ (เดสก์ท็อปแล็ปท็อปแท็บเล็ตโทรศัพท์อุปกรณ์เสริมที่สามารถสวมใส่ได้โทรทัศน์ ฯลฯ ) อุปกรณ์เหล่านี้ทั้งหมดมีหน้าจอบางชนิด มีบางวิธีที่คนอื่นอาจดูเว็บไซต์ของคุณซึ่งเป็นวิธีที่ไม่มีหน้าจอ เรากำลังหมายถึงการพิมพ์ภาพจริงจากหน้าเว็บของคุณ
หลายปีมาแล้วคุณจะพบว่าเว็บไซต์การพิมพ์สำหรับคนเป็นสถานการณ์ปกติทั่วไป เราจำการประชุมกับลูกค้าจำนวนมากที่เป็นคนใหม่ในเว็บและรู้สึกสะดวกสบายในการอ่านหน้าพิมพ์ของเว็บไซต์ จากนั้นพวกเขาได้ให้ข้อเสนอแนะและแก้ไขบทความเหล่านี้แทนที่จะมองหน้าจอเพื่อพูดคุยเกี่ยวกับเว็บไซต์ ในขณะที่ผู้คนรู้สึกสบายกับหน้าจอมากขึ้นในชีวิตของพวกเขาและในขณะที่หน้าจอเหล่านั้นทวีคูณขึ้นหลายครั้งเราได้เห็นผู้คนน้อยลงที่พยายามพิมพ์หน้าเว็บลงในกระดาษ แต่ก็ยังไม่เกิดขึ้น คุณอาจต้องการพิจารณาปรากฏการณ์นี้เมื่อวางแผนออกจากเว็บไซต์ของคุณ คุณต้องการให้ผู้คนพิมพ์หน้าเว็บของคุณหรือไม่? บางทีคุณอาจทำไม่ได้ หากเป็นกรณีดังกล่าวคุณมีทางเลือกบางอย่าง
วิธีการบล็อกหน้าเว็บจากการพิมพ์ด้วย CSS
ใช้ CSS ได้ ง่ายเพื่อป้องกันไม่ให้ผู้คนพิมพ์หน้าเว็บของคุณ คุณเพียงแค่ต้องสร้างสไตล์ชีต 1 บรรทัดที่ชื่อว่า "print.css" ซึ่งมีบรรทัดต่อไปนี้ของ CSS
body {display: none; }รูปแบบนี้จะเปลี่ยนองค์ประกอบ "body" ของหน้าเว็บให้เป็นแบบไม่แสดงผลและเนื่องจากทุกสิ่งทุกอย่างบนหน้าเว็บของคุณเป็นองค์ประกอบหลักของร่างกายซึ่งหมายความว่าทั้งหน้าเว็บ / ไซต์จะไม่ปรากฏขึ้น
เมื่อคุณมีสไตล์ชีต "print.css" แล้วคุณจะโหลดลงใน HTML เป็นสไตล์ชีตการพิมพ์ นี่คือวิธีที่คุณจะทำ - เพียงเพิ่มบรรทัดต่อไปนี้ลงในส่วนหัว "" ในหน้า HTML ของคุณ
ส่วนสำคัญของบรรทัดด้านบนแสดงเป็นตัวหนา - นี่เป็นสไตล์ชีตพิมพ์ ข้อมูลนี้บอกเบราว์เซอร์ว่าถ้าหน้าเว็บนี้ถูกตั้งค่าให้พิมพ์เพื่อใช้สไตล์ชีทนี้แทนสไตล์ชีตที่เป็นค่าเริ่มต้นที่หน้าเว็บใช้สำหรับการแสดงผลบนหน้าจอ เมื่อหน้าเว็บเปลี่ยนเป็นแผ่น "print.css" นี้ลักษณะที่ทำให้ทั้งหน้าไม่แสดงขึ้นจะเตะลงไปและสิ่งที่พิมพ์ออกจะเป็นหน้าเปล่า
บล็อกหน้าเว็บทีละหน้า
หากคุณไม่ต้องการบล็อกหน้าเว็บจำนวนมากในไซต์ของคุณคุณสามารถปิดกั้นการพิมพ์แบบทีละหน้าโดยมีรูปแบบต่อไปนี้วางลงในส่วนหัวของ HTML ของคุณ