홈페이지 » 어떻게 » Geek Rants 왜 많은 웹 사이트가 인쇄 스타일 시트를 사용하지 못합니까?

    Geek Rants 왜 많은 웹 사이트가 인쇄 스타일 시트를 사용하지 못합니까?

    사람들이 웹 페이지에서 "인쇄"라고 쓰여있는 링크 또는 단추를 찾아야한다는 것을 저를 놀라게하는 일은 결코 없습니다. 특히 기적 기술로 인해 해당 단계가 불필요하다고 생각하면됩니다. 슬프게도 거의 아무도 그것을 사용하지 않습니다 ... 10 살.

    인쇄를위한 추가 단계가 필요하지 않을뿐만 아니라 인쇄 스타일 시트를 사용하면 인쇄 가능한 링크를 사용하지 않는 사람을 위해 잉크를 절약 할 수 있습니다. 물론 종이를 낭비하지 않고 나중에 PDF를 인쇄하여 기사를 저장하는 사람들이 많이 있습니다.

    인쇄 스타일 시트 란 무엇입니까??

    대부분의 웹 사이트는 프린터의 형식이 다른 다른 페이지로 이동하여 인쇄 기능을 구현하지만 실제로는 필요하지 않습니다. 모든 브라우저는 인쇄 스타일 시트라고하는 간단한 CSS 기술을 구현합니다.이 기술은 브라우저가 페이지를 인쇄 할 때 숨길 요소를 지정하는 파일입니다..

    익숙하지 않은 CSS의 경우 CSS는 CSS (Cascading Style Sheets)를 의미하며 브라우저가 웹 페이지의 HTML 소스 코드를 실제로 화면에 표시되는 형식으로 지정하는 방법을 알고 있습니다. 글꼴, 색상, 테두리 및 배경 이미지까지 모두 스타일 시트에서 지정할 수 있습니다..

    인쇄 스타일 시트를 추가하는 것은이 한 행을 페이지에 연결하는 것만 큼 간단합니다. HTML - 코드의 media = print 부분은 브라우저가 인쇄 할 때이 스타일 시트 만 사용하도록합니다.

    이 파일은 일반적으로 다음과 같이 보입니다.

    #sidebar, #footer, #navigation, #sharinglinks, #topad, #comments display : none

    네, 정말 간단합니다. 어떻게 작동합니까? 다음은 왼쪽에있는 일반적인 웹 페이지의 예입니다. 모든 네비게이션, 로고 및 광고가 ID와 연관되어 명확하게 표시되며, 오른쪽에는 인쇄 스타일 시트가 적용된 동일한 페이지가 해당 요소를 모두 숨 깁니다.

    분명히 당신은 다른 하나 위에 이들 중 하나를 인쇄하는 것을 선호 할 것입니다.?

    스타일 시트 오류 인쇄의 예

    불행하게도, 이것을 구현하는 데 신경 쓰지 않은 엄청난 웹 사이트가 있습니다. 뉴욕 타임즈에서 인쇄하려고 할 때 어떤 일이 발생하는지 살펴보십시오.

    Gawker 사이트 네트워크와 같은 일부 사이트는 더욱 심각합니다. 인쇄 할 수있는보기가 없을뿐만 아니라 인쇄 할 때 잉크 수프와 유사합니다. Google에서 알 수있는 것처럼 가독성과 같은 별도의 서비스를 사용하지 않거나 페이지의 콘텐츠를 수동으로 강조 표시하지 않고 Gawker 사이트에서 인쇄하는 방법은 없습니다. 이는 새로운 디자인에서 거의 불가능합니다..

    정말 슬프다. 가장 큰 사이트의로드가이 기능 구현에 완전히 실패합니다..

    고맙게도, 일부 사이트는 그것을 사용합니까

    다음은 올바른 형식의 인쇄 가능한보기의 예입니다. 인쇄 링크를 찾지 않아도됩니다. BBC 뉴스 사이트는 사용자 정의 헤더를 사용하여 기사를 인쇄용으로 깔끔하게 정리합니다. 그들은 인쇄보기에 주석을 포함하지만 여전히 잘 수행 된 작업입니다..

    ArsTechnica와 같은 사이트를 운영하는 사이트가 많이 있지만, 모든 사이트의 스크린 샷을 보여주는 것은 어리석은 일입니다. 우리의 연구에서 제대로 구현 된 사이트는 거의 없으며.


    마무리하려면 ... 사이트 인쇄 스타일 시트를 구현하는 데 5 분이 걸릴 수 있습니다.!