Trang chủ » làm thế nào để » Geek Rants Tại sao nhiều trang web không sử dụng bảng định kiểu in?

    Geek Rants Tại sao nhiều trang web không sử dụng bảng định kiểu in?

    Tôi không bao giờ hết ngạc nhiên khi mọi người phải tìm kiếm một liên kết hoặc một nút có nội dung là In In trên một trang web, đặc biệt là xem xét có một công nghệ kỳ diệu khiến bước đó không cần thiết. Đáng buồn thay, hầu như không ai sử dụng nó, mặc dù nó 10 năm tuổi.

    Không chỉ ngớ ngẩn khi yêu cầu thêm một bước để in, mà sử dụng bảng định kiểu in sẽ tiết kiệm một số mực cho bất kỳ ai không sử dụng liên kết có thể in. Và tất nhiên, có rất nhiều người sử dụng print-to-PDF để lưu bài viết cho sau này mà không lãng phí giấy.

    Bảng định kiểu in là gì?

    Hầu hết các trang web thực hiện chức năng in của chúng bằng cách đưa bạn sang một trang khác, được định dạng khác cho máy in - nhưng điều này thực sự không cần thiết. Mỗi trình duyệt thực hiện một công nghệ CSS đơn giản được gọi là Biểu định kiểu in, không gì khác hơn là một tệp chỉ định các phần tử cần ẩn khi trình duyệt của bạn in trang.

    Đối với những người không quen thuộc, CSS có nghĩa là Cascading Style Sheets và đó là cách trình duyệt của bạn biết cách định dạng mã nguồn HTML cho một trang web thành những gì bạn thực sự nhìn thấy trên màn hình. Mọi thứ từ phông chữ, màu sắc, đường viền và thậm chí cả hình nền đều có thể được chỉ định trong biểu định kiểu.

    Thêm biểu định kiểu in cũng đơn giản như việc cắm một dòng này vào trang HTML của bạn - phần media = phần in của mã cho trình duyệt chỉ sử dụng biểu định kiểu này khi in.

    Tập tin này thường trông giống như thế này:

    #sidebar, #footer, #navulation, #sharedlinks, #topad, #comments display: none

    Vâng, nó thực sự đơn giản như vậy. Vì vậy, làm thế nào nó hoạt động? Dưới đây là ví dụ về một trang web bình thường ở bên trái, với tất cả các điều hướng, logo và quảng cáo hiển thị rõ ràng với ID được liên kết - và ở bên phải, cùng một trang với biểu định kiểu in được áp dụng, ẩn tất cả các yếu tố đó.

    Rõ ràng là bạn thích in cái này hơn cái kia, phải?

    Ví dụ về lỗi in biểu định kiểu

    Thật không may, chỉ có vô số các trang web khổng lồ không bận tâm để thực hiện điều này. Hãy xem những gì xảy ra khi bạn cố gắng in từ Thời báo New York:

    Một số trang web, như mạng lưới các trang web Gawker, thậm chí còn tồi tệ hơn. Họ không chỉ không có chế độ xem có thể in được, khi bạn thử và in, nó giống như súp mực. Theo như chúng tôi có thể nói, không có cách nào để in từ trang Gawker mà không sử dụng một dịch vụ riêng biệt như Readability hoặc làm nổi bật nội dung trên trang theo cách gần như không thể trên thiết kế mới của họ.

    Thật đáng buồn. Tải các trang web lớn nhất hoàn toàn không thực hiện được tính năng này.

    Rất may, một số trang web sử dụng chúng

    Đây là một ví dụ về chế độ xem có thể in được định dạng chính xác - mà không phải bận tâm tìm kiếm một số liên kết in. Trang web BBC News định dạng gọn gàng các bài báo để in, hoàn thành với một tiêu đề tùy chỉnh. Chúng bao gồm các nhận xét trong chế độ xem in, nhưng nó vẫn hoàn thành tốt công việc.

    Có khá nhiều trang web khác cũng làm như vậy, như ArsTechnica và trang web của chúng tôi, nhưng sẽ thật ngớ ngẩn khi hiển thị ảnh chụp màn hình của tất cả chúng. Trong nghiên cứu của chúng tôi, các trang web thực hiện đúng chúng là rất ít và xa.


    Vì vậy, để kết thúc, vui lòng dành 5 phút cần thiết để triển khai biểu định kiểu in cho trang web của bạn!