Статьи

Иногда бывает необходимо напечатать html-документ, разбив на страницы в указанных местах. В статье объясню технологию вставки разрывов страниц в html-документ для обозначения разделов страниц при печати.
Данная информация рассчитана прежде всего на новичков, поэтому изобилует большим количеством скриншотов и подробным описание действий, которые обычному пользователю могут показаться совершенно не требующими комментариев. Прошу отнестись с пониманием.
У нас имеется простой html-документ, исходный код которого представлен ниже:
Код:<html>
<head>
<title>Постраничная печать html-файла</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div>
<h1>Страница 1</h1>
<p>Текст страницы 1...</p>
</div>
<div>
<h1>Страница 2</h1>
<p>Текст страницы 2...</p>
</div>
</body>
</html>

В веб-браузере он отображается следующим образом:
/files/upload/article/053/001.pngРисунок 1.
Соответственно, при печати, мы видим аналогичную картину:
/files/upload/article/053/002.pngРисунок 2.
Как разбить документ на страницы при печати?
За разрыв страницы в html-документе отвечают параметры css-стилей:
Код:page-break-after:always;
Код:page-break-before:always;
Соответственно, чтобы организовать постраничное разбиение документа при печати, нам необходимо модифицировать исходный код html-документа таким образом:
Код:<html>
<head>
<title>Постраничная печать html-файла</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<div style="page-break-after:always;">
<h1>Страница 1</h1>
<p>Текст страницы 1...</p>
</div>
<div>
<h1>Страница 2</h1>
<p>Текст страницы 2...</p>
</div>
</body>
</html>

В веб-браузере изменений в отображении страницы нет:
/files/upload/article/053/003.pngРисунок 3.
Но, при печати документа, он будет разбит на две страницы:
/files/upload/article/053/004.pngРисунок 4.
/files/upload/article/053/005.pngРисунок 5.
Теги: #печать #html

Любое копирование материалов допускается только с указанием активной ссылки на первоисточник

Комментарии (0)


Комментарии отключены администратором