Wie verwendet man HTML, um Kopf- und Fußzeilen auf jede gedruckte Seite eines Dokuments zu drucken?

Wenn Sie das Element, das Sie als Fußzeile verwenden möchten, auf position:fixed und bottom:0 setzen, wird dieses Element beim Drucken der Seite am unteren Rand jeder Seite wiederholt. Das Gleiche gilt für ein Kopfzeilenelement, nur dass Sie stattdessen top:0 einstellen.

Zum Beispiel:

<div class="divFooter">UNCLASSIFIED</div>

CSS:

@media screen {
  div.divFooter {
    display: none;
  }
}
@media print {
  div.divFooter {
    position: fixed;
    bottom: 0;
  }
}

Ich glaube, die richtige Antwort ist, dass HTML 5 und CSS3 keine Unterstützung für das Drucken von Kopf- und Fußzeilen in Printmedien bieten.

Und während Sie vielleicht in der Lage sein, es zu simulieren mit:

• Tabellen
• Blöcken mit fester Position

haben beide Fehler, die verhindern, dass sie die ideale allgemeine Lösung sind.

Möchten Sie diese Seite nur für den Druck freigeben? Sie könnten es auf jeder Seite Ihrer Website einfügen und das Tag per CSS als nur für den Druck bestimmtes Medium definieren.

Dies könnte zum Beispiel ein Beispiel für eine Kopfzeile sein:

<span class="printspan">UNCLASSIFIED</span>

Und in Ihrem CSS, machen Sie etwas wie dieses:

    .printspan
    {
        display: none;
    }


    .printspan
    {
        display: inline;
        font-family: Arial, sans-serif;
        font-size: 16 pt;
        color: red;
    }

Um den Header/Footer auf jeder Seite einzubinden, können Sie serverseitige Includes verwenden, oder wenn Sie Seiten mit PHP oder ASP generieren, können Sie ihn einfach in eine gemeinsame Datei codieren.

Bearbeiten:

Diese Antwort soll eine Möglichkeit bieten, etwas auf der gedruckten Version eines Dokuments anzuzeigen, während es sonst nicht angezeigt wird. Wie in den Kommentaren angedeutet, löst sie jedoch nicht das Problem, eine Fußzeile auf mehreren gedruckten Seiten zu haben, wenn der Inhalt überläuft.

Ich lasse es hier, falls es trotzdem hilfreich ist.