웹 페이지는 화면에서 볼 수 있습니다. 사이트 (데스크톱, 랩톱, 태블릿, 휴대 전화, 웨어러블, TV 등)를 볼 때 사용할 수있는 다양한 장치가 있지만 모든 장치에는 화면이 포함되어 있습니다. 누군가가 귀하의 웹 사이트를 볼 수있는 또 다른 방법이 있습니다.이 방법은 화면을 포함하지 않습니다. 우리는 귀하의 웹 페이지의 실제 인쇄물을 언급하고 있습니다.
몇 년 전만하더라도 사람들이 웹 사이트를 인쇄하는 것은 꽤 일반적인 시나리오였습니다. 웹을 처음 접했던 많은 고객과의 만남을 기억하고 사이트의 인쇄 된 페이지를보다 편리하게 검토 할 수있었습니다. 그런 다음 웹 사이트를 토론하기 위해 화면을 보는 대신 의견을 제시하고 종이 조각을 편집했습니다. 사람들이 일상 생활에서 스크린에 익숙해지고 스크린이 여러 번 반복되면서 웹 페이지를 종이로 인쇄하려고하는 사람들이 점점 줄어들고 있지만 여전히 발생합니다. 웹 사이트를 계획 할 때이 현상을 고려할 수 있습니다. 사람들이 귀하의 웹 페이지를 인쇄하기를 원하십니까? 어쩌면 당신이하지 않을 수도 있습니다. 그렇다면 몇 가지 옵션이 있습니다.
CSS로 인쇄하는 웹 페이지를 차단하는 방법
사람들이 웹 페이지를 인쇄하지 못하도록 CSS를 사용하는 것은 쉽습니다. 다음 줄의 CSS가 포함 된 "print.css"라는 이름의 1 줄 스타일 시트를 만들어야합니다.
body {display : none; }
이 한 스타일은 페이지의 "본문"요소가 표시되지 않도록 설정합니다. 페이지의 모든 요소가 본문 요소의 하위 요소이므로 페이지 / 사이트 전체가 표시되지 않습니다. "print.css"스타일 시트가 있으면 HTML로 인쇄 스타일 시트로로드합니다. HTML 페이지의 "head"요소에 다음 행을 추가하기 만하면됩니다.
이 정보는이 웹 페이지가 인쇄되도록 설정된 경우 페이지가 화면 표시에 사용하는 기본 스타일 시트 대신이 스타일 시트를 사용하도록 브라우저에 알려줍니다. 페이지가이 "print.css"시트로 전환되면 전체 페이지를 표시하지 않는 스타일이 시작되고 인쇄 될 모든 것은 빈 페이지가됩니다. 사이트에서 많은 페이지를 차단할 필요가없는 경우 다음 스타일을 HTML 헤드에 붙여서 페이지 단위로 인쇄를 차단할 수 있습니다.
이 인 페이지 스타일은 외부 스타일 시트 내의 모든 스타일보다 높은 특이성을 가지므로이 줄이없는 다른 페이지는 여전히 정상적으로 인쇄되지만 페이지는 전혀 인쇄되지 않습니다. 인쇄를 차단하고 고객을 좌절시키지 않으려면 어떻게해야합니까? 공백 페이지 인쇄가 보이면 화가 나서 프린터 또는 컴퓨터가 고장 났다고 생각하고 인쇄 기능을 기본적으로 사용할 수 없다는 것을 인식하지 못할 수 있습니다! 방문자 좌절을 피하기 위해 독자는 페이지를 인쇄 할 때만 표시되는 메시지를 약간 더 좋아하고 다른 메시지를 대체 할 수 있습니다. 이렇게하려면 표준 웹 페이지를 빌드하고 페이지 상단의 body 태그 바로 뒤에 다음을 삽입하십시오. 모든 콘텐츠가 작성된 후 페이지의 맨 아래에있는 해당 태그를 닫습니다. 그런 다음 "noprint"div를 닫은 후 문서를 인쇄 할 때 표시 할 메시지가있는 다른 div를 엽니 다. 이 페이지는 온라인으로 볼 수 있으며 인쇄되지 않을 수도 있습니다. 이 페이지는 http://webdesign.about.com/od/advancedcss/qt/block_print.htm에서 확인하십시오. print.css라는 이름의 인쇄 CSS 문서에 대한 링크를 포함하십시오.
이 문서에는 다음과 같은 스타일이 포함되어 있습니다. #noprint {display : none; } #print {display : block; }
마지막으로 표준 스타일 시트 (또는 문서 머리글의 내부 스타일)에 다음을 작성합니다. #print {display : none; } #noprint {display : block; }
이렇게하면 인쇄 메시지가 인쇄 된 페이지에만 나타나고 웹 페이지는 온라인 페이지에만 나타납니다. 오늘날 웹 사이트는 인쇄 된 페이지로 잘 번역되지 않으므로 일반적으로 웹 페이지 인쇄는 좋지 않습니다. 완전히 다른 스타일 시트를 만들어 인쇄 스타일을 지정하지 않으려는 경우이 문서의 단계를 사용하여 페이지에서 "인쇄를 꺼야"하는 것을 고려할 수 있습니다. 웹 사이트 인쇄에 의존하는 사용자에게 미치는 영향 (예 : 시력이 약하고 화면상의 텍스트를 읽는 데 어려움이있을 수 있음)을 파악하고 사이트 잠재 고객에게 적합한 의사 결정을하십시오. Jennifer Krynin의 원본 기사입니다. 제레미 지라드 편집. 한 번에 한 페이지 차단
차단 된 페이지로 더 좋아지게하십시오.
사용자 경험 고려