Når du legger til tekst i HTML-koden for en webside, for eksempel i et avsnittelement, har du liten eller ingen kontroll over hvor tekstlinjene vil brytes eller avstanden som skal brukes. Dette er fordi nettleseren flyter teksten etter behov basert på området som inneholder den. Dette inkluderer responsive nettsteder som vil ha et veldig flytende oppsett som endres basert på størrelsen på skjermen brukes til å vise siden. HTML-tekst vil bryte en linje der den trenger når den har nådd slutten av det inneholder området. Til slutt spiller nettleseren mer en rolle for å bestemme hvordan teksten går i stykker enn du gjør.
Når det gjelder å legge til avstand for å opprette et bestemt format eller oppsett, gjenkjenner HTML ikke avstanden som legges til koden, inkludert mellomrom, fane eller vognretur. Hvis du setter tjue mellomrom mellom ett ord og ordet som kommer etter det, vil nettleseren bare gjengi ett enkelt mellomrom der. Dette er kjent som kollaps i det hvite rommet, og det er faktisk et av begrepene HTML som mange nye i bransjen sliter med i begynnelsen. De forventer at HTML-mellomrom skal fungere slik det fungerer i et program som Microsoft Word, men det er ikke slik HTML-mellomrom fungerer i det hele tatt.
I de fleste tilfeller er normal håndtering av tekst i et HTML-dokument akkurat det du trenger, men i andre For eksempel kan det hende at du faktisk vil ha mer kontroll over nøyaktig hvordan teksten kommer ut og hvor den bryter linjer. Dette er kjent som forhåndsformatert tekst (med andre ord, du dikterer formatet). Du kan legge til forhåndsformatert tekst på websidene dine ved hjelp av HTML.
Bruker
stikkordFor mange år siden var det vanlig å se websider med blokker med forhåndsformatert tekst. Bruker
tag for å definere deler av siden som formatert av selve skrivingen, var en rask og enkel måte for webdesignere å få teksten til å vises slik de ville ha den. Dette var før fremveksten av CSS for layout, da webdesignere satt fast og prøvde å tvinge layout ved å bruke tabeller og andre kun HTML-metoder. Dette (ganske) fungerte tilbake fordi forhåndsformatert tekst er definert som tekst der strukturen er definert av typografiske konvensjoner snarere enn av HTML-gjengivelse.I dag brukes ikke denne taggen så mye fordi CSS lar oss diktere visuelle stiler på mye mer effektiv måte enn å prøve for å tvinge utseendet inn i HTML-en vår, og fordi webstandarder tilsier en klar separasjon av struktur (HTML) og stiler (CSS). Det kan likevel være tilfeller hvor forhåndsformatert tekst gir mening, som for en postadresse du vil tvinge linjeskiftene eller for eksempler på poesi der linjeskift er avgjørende for lesingen og den generelle flyt av innhold.
Her er en måte å bruke HTML på
stikkord:Typisk HTML skjuler det hvite rommet i dokumentet. Dette betyr at vognreturene, mellomrom og tabulatortegn som brukes i denne teksten, vil alle bli kollapset til ett mellomrom. Hvis du skrev ovennevnte sitat i en typisk HTML-tag som p (avsnitt), vil du ende opp med en tekstlinje, slik:
Det var strålende og slithey toves Gjorde gyre og suse i wabe.
Pre-taggen etterlater de hvite mellomromstegnene som de er. Så linjeskift, mellomrom og faner opprettholdes i nettleserens gjengivelse av det innholdet. Sette sitatet i en
tag for den samme teksten vil resultere i denne skjermen:Det var strålende og slithey toves
Gjorde gyre og gimlet
i
de
wabeNår det gjelder skrifttyper
De
tag gjør mer enn bare å opprettholde mellomrom og pauser for teksten du skriver. I de fleste nettlesere er det skrevet med en monospace-skrift. Dette gjør tegnene i teksten alle like i bredden. Med andre ord tar bokstaven i like mye plass som bokstaven w.Hvis du foretrekker å bruke en annen skrift i stedet for standard monospace som nettleseren viser, kan du fortsatt endre dette med stilark og velg andre font du vil at teksten skal gjengis i.
HTML5
En ting å være oppmerksom på er at "bredde" -attributtet ikke støttes i HTML5 for
element. I HTML 4.01 spesifiserte bredden antall tegn som en linje ville inneholde, men dette er falt for HTML5 og utover.