Når du tilføjer tekst til HTML-koden for en webside, skal du sige i et stykkeelement, at du har ringe eller ingen kontrol over, hvor disse tekstlinjer vil bryde eller den afstand, der skal bruges. Dette skyldes, at browseren flyder teksten efter behov, baseret på det område, der indeholder det. Dette omfatter lydhørige hjemmesider, som vil have et meget flydende layout, der ændrer sig ud fra størrelsen af skærmen, der bruges til at se siden. HTML-teksten vil bryde en linje, hvor den skal, når den er nået til slutningen af dens indholdsområde. I sidste ende spiller browseren en større rolle ved at bestemme, hvordan teksten går i stykker, end du gør.
Når det gælder at tilføje mellemrum for at oprette et bestemt format eller layout, genkender HTML ikke den afstand, der tilføjes til kode, herunder mellemrumstast, faneblad eller vognretur. Hvis du sætter tyve mellemrum mellem et ord og ordet, der kommer efter det, giver browseren kun et enkelt rum der. Dette er kendt som white space collapse, og det er faktisk et af de begreber HTML, som mange nye til industrien kæmper med i starten. De forventer, at HTML-hvide rum fungerer sådan, det gør i et program som Microsoft Word, men det er ikke sådan, hvordan HTML-hvide rum fungerer overhovedet.
I de fleste tilfælde er den normale håndtering af tekst i ethvert HTML-dokument præcis det, du har brug for, men i andre tilfælde kan du faktisk have mere kontrol over, hvordan teksten rummer ud, og hvor den bryder linjer. Dette er kendt som forudformateret tekst (med andre ord dikterer du formatet). Du kan tilføje præformateret tekst til dine websider ved hjælp af HTML
Bruger tag
For mange år siden var det almindeligt at se websider med blokke af forudformateret tekst. Bruger
præ tag til at definere dele af siden som formateret ved at skrive selv var en hurtig og nem måde for webdesignere at få teksten til at vise som de ønskede det. Dette var før udviklingen af CSS til layout, da webdesignere virkelig sad og forsøgte at tvinge layout ved hjælp af tabeller og andre HTML-only-metoder. Dette (kinda) fungerede, fordi forformateret tekst er defineret som tekst, hvor strukturen er defineret af typografiske konventioner snarere end ved HTML-gengivelsen.
I dag bruges denne tag ikke så meget, fordi CSS tillader os at diktere visuelle stilarter på langt mere effektiv måde end at forsøge at tvinge udseende i vores HTML, og fordi webstandarder dikterer en klar adskillelse af struktur (HTML) og stilarter (CSS). Alligevel kan der forekomme tilfælde, hvor forhåndsformateret tekst giver mening, som for en postadresse, hvor du vil tvinge linjeskift eller eksempler på poesi, hvor linjeskift er afgørende for læsning og samlet strøm af indholdet.
Her er en måde at bruge HTML'en på
tag:
Twas brillig og slidhey toves
Gjorde gyre og gimble
i
det
WABE
Typisk HTML kollapser det hvide mellemrum i dokumentet. Det betyder, at vognreturen, mellemrummet og fanebladet, der bruges i denne tekst, alle ville blive sammenbrudt til ét rum. Hvis du skrev ovenstående citat i et typisk HTML-tag som p (afsnit) -mærket, ville du ende med en linje med tekst som sådan: Twas brillig og de slidhey toves Gjorde og gimble i wabe Pre-mærket efterlader de hvide mellemrums tegn. Så linjeskift, mellemrum og faner opretholdes alle i browserens gengivelse af det pågældende indhold. At sætte citatet inde i a præ tag til samme tekst ville resultere i denne skærm: Twas brillig og slidhey toves Gjorde gyre og gimble i det WABE Det præ tag gør mere end bare at opretholde mellemrum og pauser for den tekst, du skriver. I de fleste browsere er det skrevet i en monospace skrifttype. Dette gør tegnene i teksten ens i bredden. Med andre ord tager brevet op så meget plads som brevet w. Hvis du foretrækker at bruge en anden skrifttype i stedet for standardmonospace en, som browseren viser, kan du stadig ændre dette med stilark og vælge en anden skrifttype, du vil have den tekst, der skal gengives i. En ting at være opmærksom på er at i HTML5 understøttes attributten "bredde" ikke længere for Redigeret af Jeremy Girard den 2/2/17 Hvad angår skrifttyper
HTML5
element. I HTML 4.01 angav bredden antallet af tegn, som en linje vil indeholde, men dette er blevet droppet til HTML5 og derefter.
