HTML печать веб-страницы с разными заголовками

Question

Я хочу напечатать веб-страницу, на которой будет напечатано более одной страницы.На первой странице мне нужен заголовок, а на следующих должны отображаться разные заголовки.

Вопрос в том, что на первой странице у меня есть метка, которая имеет достаточно текста для перехода на вторую страницу, являясь заголовкомна второй странице так же, как на первой.Я хочу, чтобы заголовок второй страницы был другим.

Чтобы определить заголовки, я использую следующий подход:

<table>
     <thead>
             (...Header Html Code)           
     </thead>
     <tbody>
            (...Html Code with label with a lot of text)
     </tbody>
</table>

Answer 1

Вы можете определить различные CSS-файлы для печати и просмотра (есть даже опция для определения одного для читателей или мобильных устройств) Таким образом, вы можете определить некоторые div с идентификаторами «webonly» «printonly» и скрыть их с помощью CSS

<link rel="stylesheet" type="text/css" href="path/to/screen.css" media="screen" />
<link rel="stylesheet" type="text/css" href="path/to/print.css" media="print" />

Во-первых, в таблице стилей для отображения на экране ...

div#header {
 font-family: verdana;
 margin: 4px 4px 4px 4px;
 font-size: large;
 font-weight: bold;
 background-color: #c0c0c0;
 border: #191170 2px solid;
}

... а затем в таблице стилей для печати

div#header {
 font-family: arial;
 font-weight: bold;
 font-size: 20px;
}