Hvordan bruke HTML til å skrive ut topp- og bunntekst på hver utskrevne side i et dokument?

Hvis du tar elementet du vil ha som bunntekst og setter det til å være position:fixed og bottom:0, vil det gjentas nederst på hver utskrevne side når siden skrives ut. Det samme vil fungere for et topptekstelement, bare sett top:0 i stedet.

For eksempel

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

CSS:

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

Jeg tror det riktige svaret er at HTML 5 og CSS3 ikke har støtte for utskrift av sidehode og sidefot i utskriftsmedier.

Og selv om du kanskje kan simulere det med:

• tabeller
• blokker med fast posisjon

har de alle feil som hindrer dem i å være den ideelle generelle løsningen.

Er dette noe du bare vil skrive ut? Du kan legge den til på hver side på nettstedet ditt og bruke CSS til å definere taggen som et medium som bare skal skrives ut.

Dette kan for eksempel være et eksempel på en overskrift:

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

Og i CSS-en din gjør du noe sånt som dette:

    .printspan
    {
        display: none;
    }


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

Til slutt, for å inkludere topptekst / bunntekst på hver side, kan du bruke server-side inkluderer, eller hvis du har noen sider som genereres med PHP eller ASP, kan du ganske enkelt kode den inn i en vanlig fil.

Rediger:

Dette svaret er ment å gi en måte å vise noe på den fysiske trykte versjonen av et dokument uten å vise det ellers. Men akkurat som kommentarene antyder, løser det ikke problemet med å ha en bunntekst på flere trykte sider når innholdet flyter over.

Jeg lar det være her i tilfelle det likevel er nyttig.