Što je prethodno formatirani tekst?

Evo kako upotrebljavati oznaku Prethodno formatiranog teksta u HTML kodu

Kada dodate tekst u HTML kôd za web stranicu, kažite u elementu stavka, nemate dovoljno kontrolu nad mjestima gdje će se te linije teksta slomiti ili razmak koji će se upotrebljavati. To je zato što će web preglednik strujati tekst po potrebi na temelju područja koja ga sadrži. To uključuje responzivne web stranice koje će imati vrlo fluidni izgled koji se mijenja ovisno o veličini zaslona koji se koristi za pregled stranice .

HTML tekst će razbiti liniju gdje je potrebno, jednom kad dosegne kraj njezina sadržaja. Na kraju, preglednik igra veću ulogu u određivanju načina slomanja teksta od vas.

U smislu dodavanja razmaka za stvaranje određenog formata ili izgleda, HTML ne prepoznaje razmak koji se dodaje kodu, uključujući razmaknicu, karticu ili povrat kola. Ako stavite dvadeset razmaka između jedne riječi i riječi koja slijedi nakon toga, preglednik će pružiti samo jedan prostor. To je poznato kao bijeli kolaps prostora i zapravo je jedan od koncepata HTML-a koji se u novije vrijeme bore s industrijom. Očekuju da će HTML prostranstvo funkcionirati onako kako se radi u programu kao što je Microsoft Word, ali to uopće ne funkcionira na površini HTML-a.

U većini slučajeva, uobičajeno rukovanje tekstom u bilo kojem HTML dokumentu je upravo ono što vam je potrebno, ali u drugim slučajevima, vi zapravo želite više kontrole nad točno kako se tekst prostire i gdje razbija linije.

To je poznato kao unaprijed oblikovan tekst (drugim riječima, diktirate format). Na svoje web stranice možete dodati unaprijed oblikovani tekst pomoću HTML oznake.

Upotreba oznake

Prije mnogo godina bilo je česte vidjeti web stranice s blokovima unaprijed oblikovanog teksta. Upotreba pred-oznake za definiranje odjeljaka stranice kao oblikovana samim tipkanjem bila je brz i jednostavan način za web dizajnere kako bi se tekst prikazao onako kako to žele.

To je bilo prije podizanja CSS-a za izgled, kada su web dizajneri stvarno bili zapeli pokušavajući prisiliti raspored koristeći tablice i druge metode samo za HTML. Ta (vrsta) je radila jer se pre-formatirani tekst definira kao tekst u kojem je struktura definirana tipografskim konvencijama, a ne pomoću HTML renderiranja.

Danas ova oznaka se ne koristi toliko jer CSS dopušta da diktiramo vizualne stilove na mnogo učinkovitiji način od pokušaja prisilnog pojavljivanja u naš HTML i zato što web standardi diktiraju jasno razdvajanje strukture (HTML) i stilova (CSS). Ipak, možda postoje slučajevi kada je predformirani tekst imao smisla, primjerice, za poštansku adresu na kojoj želite prisiliti prekidne linije ili primjere poezije u kojima su prekidne linije neophodne za čitanje i ukupni protok sadržaja.

Evo jedan način korištenja HTML oznake

: 

 
 Twas brillig i slithey toves Jeste li se i gimble u wabe  
 Tipični HTML sažima bijeli prostor u dokumentu. To znači da se vraćaju kotač, prostori i kartica upotrijebljeni u ovom tekstu srušit će se na jedan prostor. Ako ste navedeni citat upisali u tipičnu HTML oznaku poput oznake p (paragraph), završili biste s jednom retka teksta, ovako: 
 Dva brillig i slittey toves Jeste li se plesali i gimble u wabe 
 Pre-oznaka ostavlja znakove bijele površine kakav jest. Stoga se prekidne linije, prostori i kartice održavaju u prikazivanju tog sadržaja preglednika. Stavljanje citata unutar pre-oznake za taj isti tekst rezultirat će ovom prikazu: 
 Dva brillig i slittey toves Jeste li se plesali i gimble u wabe 
 Što se tiče fontova 
 Pre-oznaka više nego samo održava prostore i pauze za tekst koji pišete. U većini preglednika pisano je u fontu s jednostrukim razmakom. To čini znakove u tekstu jednakom širinom. Drugim riječima, slovo i zauzima onoliko prostora kao i slovo w. 
 Ako biste radije upotrijebili drugi font umjesto zadanog monospacera koji se prikazuje u pregledniku, i dalje možete to promijeniti sa stilskim listovima i odabrati bilo koji drugi font kojim biste htjeli da se tekst prikaže. 
 HTML5 
 Jedna stvar koju treba imati na umu je da u HTML5 atribut "širina" više nije podržan za element 
. U HTML 4.01, širina je odredila broj znakova koji bi retka sadržavala, ali to je odbijeno za HTML5 i dalje. 

 Uredio Jeremy Girard na 2/2/17