웹 페이지는 화면에서 볼 수 있습니다 . 사이트 (데스크톱, 랩톱, 태블릿, 휴대 전화, 웨어러블, TV 등)를 볼 때 사용할 수있는 다양한 장치 가 있지만 모든 장치에는 화면이 포함되어 있습니다. 누군가가 귀하의 웹 사이트를 볼 수있는 또 다른 방법이 있습니다.이 방법은 화면을 포함하지 않습니다. 우리는 귀하의 웹 페이지의 실제적인 인쇄물을 언급하고 있습니다.
몇 년 전만하더라도 사람들이 웹 사이트를 인쇄하는 것은 꽤 일반적인 시나리오였습니다. 웹을 처음 접했던 많은 고객과의 만남을 기억하고 사이트의 인쇄 된 페이지를보다 편리하게 검토 할 수있었습니다. 그런 다음 웹 사이트를 토론하기 위해 화면을 보는 대신 의견을 제시하고 종이 조각을 편집했습니다. 사람들이 일상 생활에서 스크린에 익숙해지고 스크린이 여러 번 반복되면서 웹 페이지를 종이로 인쇄하려고하는 사람들이 점점 줄어들고 있지만 여전히 발생합니다. 웹 사이트를 계획 할 때이 현상을 고려할 수 있습니다. 사람들이 귀하의 웹 페이지를 인쇄하기를 원하십니까? 어쩌면 당신이하지 않을 수도 있습니다. 그렇다면 몇 가지 옵션이 있습니다.
CSS로 인쇄하는 웹 페이지를 차단하는 방법
사람들이 웹 페이지를 인쇄하지 못하도록 CSS 를 사용하는 것은 쉽습니다. 다음 줄의 CSS가 포함 된 "print.css"라는 이름의 1 줄 스타일 시트를 만들어야합니다.
body {display : none; }이 한 스타일은 페이지의 "본문"요소가 표시되지 않도록 설정합니다. 페이지의 모든 요소가 본문 요소의 하위 요소이므로 페이지 / 사이트 전체가 표시되지 않습니다.
"print.css"스타일 시트가 있으면 HTML로 인쇄 스타일 시트로로드합니다. HTML 페이지의 "head"요소에 다음 행을 추가하기 만하면됩니다.
위 줄의 중요한 부분은 굵게 표시되어 있습니다. 이것은 인쇄 스타일 시트입니다. 이 정보는이 웹 페이지가 인쇄되도록 설정된 경우 페이지가 화면 표시에 사용하는 기본 스타일 시트 대신이 스타일 시트를 사용하도록 브라우저에 알려줍니다. 페이지가이 "print.css"시트로 전환되면 전체 페이지를 표시하지 않는 스타일이 시작되고 인쇄 될 모든 것은 빈 페이지가됩니다.
한 번에 한 페이지 차단
사이트에서 많은 페이지를 차단할 필요가없는 경우 다음 스타일을 HTML 헤드에 붙여서 페이지 단위로 인쇄를 차단할 수 있습니다.