Differences between Displayed and Printed HTML Documents

This section describes main differences between displayed versions and printed versions of HTML documents.

When you print a Web page from the your browser, the printed version on papers will look differently than the displayed version on the screen, even they come from the same HTML document.

Here are the main differences and their reasons.

1. Adaptive to the Media Width - By default, an HTML document will be rendered to fit the width of the media. So the displayed version will wrap text lines at the right edge of the browser window. While the printed version will wrap text lines at the right edge of the printed paper.

2. Virtual Screen Resolution - Web browsers uses virtual screens provided by the operating systems. Those virtual screens usually have higher resolutions than their actual physical screens. So text, images, and other contents of the displayed version will appear to be smaller. While contents of the printed version will have correct sizes.

3. Horizontal Scrolling vs. Scaling and Clipping - If the content is wider than the screen width, the displayed version will have a horizontal scrolling tool to allow you to see the entire content on the screen. If the content is wider than the paper width, the printed version will be scaled down as much as 67% to fit paper width. If the content is still wider than the paper width after 67% scaling, the printed version will be clipped along the right edge of the paper.

4. Vertical Scrolling vs. Page Breaking - If the content is longer than the screen height, the displayed version will have a vertical scrolling tool to allow you to scroll down. If the content is longer than the paper length, the printed version will be broken into multiple pages.

Table of Contents

 About This Book

 Introduction of HTML

 Introduction of HTML5 Features

 HTML Document Structure and Content

 HTML Document and Elements Syntax

Displayed and Printed HTML Documents

Differences between Displayed and Printed HTML Documents

 Default Font Family and Font Size

 Display Size of Image

 Printed Width of HTML Document

 Printed Height of HTML Document

 Text Paragraph Block Size and Overflow

 Pagination Control of HTML Documents

 Responsive Design of Web Pages

 References

 Full Version in PDF/EPUB