Når du legger til tekst i HTML-koden for en webside, sier du i et avsnittelement, at du har liten eller ingen kontroll over hvor disse tekstlinjene vil bryte eller avstanden som skal brukes. Dette skyldes at nettleseren vil flyte teksten etter behov basert på området som inneholder det. Dette inkluderer responsive nettsteder som vil ha et veldig flytende layout som endres basert på størrelsen på skjermen som brukes til å vise siden. HTML-tekst vil bryte en linje der den trenger når den har nådd slutten av det inneholdende området. Til slutt spiller nettleseren en mer rolle i å bestemme hvordan teksten bryter enn du gjør.
Når det gjelder å legge til mellomrom for å lage et bestemt format eller layout, gjenkjenner HTML ikke avstanden som legges til for å kode, inkludert mellomromstasten, fanen eller vognreturen. Hvis du legger tyve mellomrom mellom ett ord og ordet som kommer etter det, vil nettleseren bare gjengi ett enkelt mellomrom der. Dette er kjent som white space collapse, og det er faktisk et av begrepene HTML som mange nye til industrien sliter med i begynnelsen. De forventer at HTML-mellomrom skal fungere som det gjør i et program som Microsoft Word, men det er ikke hvordan HTML-hvitt plass fungerer i det hele tatt.
I de fleste tilfeller er normal håndtering av tekst i et hvilket som helst HTML-dokument akkurat det du trenger, men i andre tilfeller kan du faktisk ha mer kontroll over nøyaktig hvordan teksten plasserer seg og hvor den bryter linjer. Dette er kjent som forhåndsformatert tekst (med andre ord, dikterer du formatet). Du kan legge til forhåndsformatert tekst på websidene dine ved hjelp av HTML
Bruker stikkord
For mange år siden pleide det å være vanlig å se nettsider med blokker med forhåndsformatert tekst. Bruker
pre tag for å definere deler av siden som formatert ved å skrive seg selv var en rask og enkel måte for webdesignere å få teksten til å vise som de ønsket det. Dette var før oppstarten av CSS for layout, da webdesignere ble sittende fast, forsøkte å tvinge opp layout ved hjelp av tabeller og andre HTML-bare metoder. Dette (ganske) fungerte tilbake fordi forhåndsformatert tekst er definert som tekst der strukturen er definert av typografiske konvensjoner snarere enn ved HTML-gjengivelsen.
I dag er denne taggen ikke brukt så mye fordi CSS tillater oss å diktere visuelle stiler på en mye mer effektiv måte enn å prøve å tvinge utseendet til HTML, og fordi webstandarder dikterer en klar separasjon av struktur (HTML) og stiler (CSS). Likevel kan det være tilfeller hvor forhåndsformatert tekst er fornuftig, som for en postadresse hvor du vil tvinge linjeskift eller eksempler på poesi hvor linjeskift er avgjørende for lesing og total flyt av innholdet.
Her er en måte å bruke HTML på
stikkord:
Twas brillig og slithey toves
Gjorde og gimble
i
de
wabe
Typisk HTML kollapser den hvite plassen i dokumentet. Dette betyr at vognreturer, mellomrom og faneteppe som brukes i denne teksten, alle ville bli kollapset til ett mellomrom. Hvis du skrev ovennevnte sitat inn i en typisk HTML-kode som p (punkt) -koden, ville du ende opp med en linje med tekst, slik som dette: Twas brillig og slithey toves Gjorde og gimble i wabe Pre-merket etterlater hvite mellomrom som det er. Så linjeskift, mellomrom og faner holdes alle i nettleserens gjengivelse av det innholdet. Setter sitatet inne i a pre tag for samme tekst vil resultere i denne skjermen: Twas brillig og slithey toves Gjorde og gimble i de wabe De pre tag gjør mer enn bare vedlikeholde mellomrom og bryter for teksten du skriver. I de fleste nettlesere er det skrevet i en monospace font. Dette gjør tegnene i teksten alle like i bredde. Med andre ord, brevet tar jeg opp så mye plass som bokstaven w. Hvis du foretrekker å bruke en annen skrift i stedet for standardmonospace en som nettleseren viser, kan du fortsatt endre dette med stilark og velge en annen skrift du vil at teksten skal gjengis i. En ting å være oppmerksom på er at i HTML5, er «bredde» -attributtet ikke lenger støttet for Redigert av Jeremy Girard den 2/2/17 Når det gjelder skrifter
HTML5
element. I HTML 4.01 angir bredden antall tegn som en linje vil inneholde, men dette har blitt droppet for HTML5 og utover.
