Skrive grenser i HTML

November 11

Når utviklere lage HTML websider, definerer de hva brukerne vil se når de blar til en side. Avhengig av formålet på siden, kan utbygger ønsker å utøve kontroll over de synlige elementene når brukere velger å skrive ut. Mange websider er for brede til å skrive ut på en enkelt skriver side. For å løse disse problemene, kan utviklere bruke en kombinasjon av HTML, CSS og eventuelt Javascript-kode.

Nettsider

Web sider struktur innhold i HTML markup-kode og stil i Cascading Style Sheet, eller CSS, kode. Innenfor HTML for en webside, definerer utvikleren sideoppsettet, samt de ulike elementer av innhold som vises i den. Disse kan omfatte tekst, data, bilder og andre medie elementer som video og animasjon. Mange sider er ikke ment for utskrift, men brukerne kan forsøke å gjøre det av ulike grunner. Grensene for en webside kan vises forskjellig i nettleseren sammenlignet med måten de vises på trykt papir. Utviklere har en rekke alternativer når styre utseendet på en side når de skrives ut, inkludert å sette sine grenser.

CSS Erklæringer

CSS erklæringer angi grensene for innholdet på websiden elementer ved hjelp av dimensjoner i bredde og høyde, marginer, padding og grenser. Hvis du vil angi bestemte CSS innstillinger for trykte medier, kan utviklere bruke følgende eksempel syntaks i sin CSS-kode:

@media print {
div {width: 600px; padding: 10px;}
}

Dette angir CSS-regler for alle "div" elementer når de vises på trykte medier. Hvis du vil angi innstillinger for brukere inne på siden på skjermen, gjelder følgende:

@media skjerm {
div {width: 800px; padding: 15px;}
}

Utviklere kan derfor gjelde spesielle CSS innstillinger for trykte medier, som vil definere grensene når innholdet på siden er skrevet ut.

CSS Lenker

Noen utviklere velger å gjennomføre egne CSS-filer spesielt for utskrift og for skjerm visning. Dette kan være en effektiv måte å holde kodefiler godt organisert. Innenfor hodet delen av HTML-webside, kan utviklere knytte å skille CSS-filer som følger:

Standard stil er for visning på en dataskjerm, så den første linken element angir standardmalen for siden. Den andre linken viser spesielt utskrifts visning ved hjelp av media attributt, så det vil bare gjelde for den utskrevne siden. CSS-filene er lagret i samme mappe og på samme server som websiden. Inne i print CSS-filen, kan utvikleren diktere grensene for innholdet på siden når representert i dette skjemaet.

scripting

Utviklere kan bruke klientsiden kode i Javascript for å kontrollere visse aspekter ved utskrift. Javascript vindusobjekt gir en utskriftsmetode, som følgende eksempelkode demonstrerer:

window.print ();

Utbygger kan derfor gi et brukergrensesnitt kontroll, for eksempel en HTML-knappen element innenfor siden markup, slik at brukerne kan skrive ut innholdet på siden. Når denne knappen trykkes inn, kaller leseren en spesifisert Javascript-funksjon der koden håndterer eventuelle grense problemer med innholdet før du ringer trykkemetoden.