En forklaring på, hvad forformateret tekst er i HTML

click fraud protection

Når du tilføjer tekst til HTML-koden for en webside, siger i et afsnitelement, har du ringe eller ingen kontrol over, hvor disse tekstlinjer brydes, eller den afstand, der skal bruges. Dette skyldes, at webbrowseren flyder teksten efter behov baseret på det område, der indeholder den. Dette inkluderer lydhøre hjemmesider som vil have et meget flydende layout, der ændres baseret på skærmens størrelse bruges til at se siden. HTML-tekst bryder en linje, hvor den skal, når den har nået slutningen af ​​dens indeholdende område. I sidste ende spiller browseren mere af en rolle i bestemmelsen af, hvordan teksten går i stykker, end du gør.

Med hensyn til tilføjelse af afstand for at oprette et bestemt format eller layout, genkender HTML ikke afstanden, der føjes til koden, inklusive mellemrumstasten, fanen eller vognreturene. Hvis du sætter tyve mellemrum mellem et ord og det ord, der kommer efter det, gengiver browseren kun et enkelt mellemrum der. Dette er kendt som hvidt rumkollaps, og det er faktisk et af koncepterne for HTML, som mange nye i branchen i første omgang kæmper med. De forventer, at HTML-hvidt rum fungerer som det fungerer i et program som Microsoft Word, men sådan fungerer HTML-hvidt ikke overhovedet.

instagram viewer

I de fleste tilfælde er den normale håndtering af tekst i ethvert HTML-dokument nøjagtigt det, du har brug for, men i andre tilfælde kan det være, at du faktisk ønsker mere kontrol over nøjagtigt, hvordan teksten rummer ud, og hvor den bryder linjer. Dette kaldes forformateret tekst (med andre ord dikterer du formatet). Du kan tilføje forformateret tekst til dine websider ved hjælp af HTML.

Bruger
 Tag 

For mange år siden plejede det at være almindeligt at se websider med blokke af forformateret tekst. Bruger

 tag for at definere sektioner af siden som formateret ved selve indtastningen var en hurtig og nem måde for webdesignere at få teksten til at blive vist, som de ville have det. Dette var før stigningen i CSS til layout, da webdesignere virkelig sad fast og forsøgte at tvinge layout ved hjælp af tabeller og andre kun HTML-metoder. Dette (lidt) fungerede tilbage, fordi forformateret tekst defineres som tekst, hvor strukturen er defineret af typografiske konventioner snarere end af HTML-gengivelsen. 

I dag bruges dette tag ikke så meget, fordi CSS giver os mulighed for at diktere visuelle stilarter på en meget mere effektiv måde end at prøve for at tvinge udseende ind i vores HTML, og fordi webstandarder dikterer en klar adskillelse af struktur (HTML) og typografier (CSS). Der kan stadig være tilfælde, hvor forudformateret tekst giver mening, som for en postadresse, hvor du vil tvinge linjeskift eller for eksempler på poesi, hvor linjeskift er afgørende for læsningen og den samlede strøm af programmet indhold.

Her er en måde at bruge HTML på

 tag: 

Typisk HTML skjuler det hvide område i dokumentet. Dette betyder, at vognens returret, mellemrum og tabulatortegn, der bruges i denne tekst, alle vil blive kollapset til et mellemrum. Hvis du skrev ovennævnte citat i et typisk HTML-tag som p (afsnit) -tagget, ville du ende med en tekstlinje som denne:

Det var strålende og den slæede toves Gyr og flimrede i wabe.

Fortegnet efterlader de hvide mellemrumstegn, som de er. Så linjeskift, mellemrum og faner opretholdes alle i browserens gengivelse af dette indhold. At sætte citatet inde i en

 tag for den samme tekst ville resultere i dette display: 
Det var strålende og slithey toves
Gyr og gimlet
i
det
wabe

Med hensyn til skrifttyper

Det

 tag gør mere end bare vedligeholdelse af mellemrum og pauser for den tekst, du skriver. I de fleste browsere er den skrevet med en monospace-skrifttype. Dette gør tegnene i teksten alle ens i bredden. Med andre ord optager bogstavet i lige så meget plads som bogstavet w. 

Hvis du foretrækker at bruge en anden skrifttype i stedet for den standardmonospace, som browseren viser, kan du stadig ændre dette med stilark og vælg et hvilket som helst andet skrifttype du vil have teksten gengivet i.

HTML5

En ting at være opmærksom på er, at i HTML5 understøttes attributten "bredde" ikke længere for

 element. I HTML 4.01 angav bredden antallet af tegn, som en linje ville indeholde, men dette er blevet droppet for HTML5 og derover. 
instagram story viewer