HTML Tutorials - Herong's Tutorial Examples - v2.30, by Herong Yang
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
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
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