Šta je unapred formatiran tekst?

Evo kako da koristite oznaku Preformatted Text u HTML kodu

Kada dodate tekst u HTML kôd za Web stranicu, recite u elementu paragrafa, nemate nikakvu kontrolu nad onim gde će se te linije teksta razbiti ili razmak koji će se koristiti. To je zato što će web pretraživač proći tekst po potrebi na osnovu područja koji ga sadrži. Ovo uključuje odgovarajuće web stranice koje će imati veoma fluidan izgled koji se menja na osnovu veličine ekrana koji se koristi za prikaz stranice .

HTML tekst će prekinuti liniju gde je potrebno kada se dostigne kraj njenog sadržaja. Na kraju, pregledač igra više uloge u određivanju kako se tekst razbija nego što to činite.

Što se tiče dodavanja razmaka za kreiranje određenog formata ili rasporeda, HTML ne prepoznaje razmak koji se dodaje kodu, uključujući spacebar, karticu ili povratak kolica. Ako stavite dvadeset razmaka između jedne reči i riječi koja dolazi nakon toga, pretraživač će prikazati samo jedan prostor. Ovo je poznato kao kolaps u kosmosu i to je zapravo jedan od koncepata HTML-a sa kojim se mnogi novi u industriji bore u početku. Očekuju da HTML prostirka radi na način na koji to radi u programu kao što je Microsoft Word, ali to uopće ne funkcioniše u HTML-u.

U većini slučajeva, normalno rukovanje tekstom u bilo kojem HTML dokumentu je upravo ono što vam je potrebno, ali u drugim slučajevima, možda ćete više želeti više kontrole nad tačnošću kako se tekst razmakuje i gdje se razbijaju linije.

Ovo je poznato kao unapred formatiran tekst (drugim rečima, diktirate format). Možete dodati unapred formatirani tekst na svoje web stranice koristeći HTML pre tag.

Korišćenjem oznake

Prije mnogo godina, bilo je uobičajeno videti web stranice sa blokovima unapred formatiranog teksta. Korišćenjem pre tag-a da biste definisali dijelove stranice koji su formatirani samom tipkom, bio je brz i jednostavan način za web dizajnere da se tekst pojavi kako bi to želeli.

Ovo je bilo prije porasta CSS-a za izgled, kada su se web dizajneri zaista zaglavili pokušavajući da primoraju izgled pomoću tabela i drugih HTML-metoda. Ovo (nekako) je funkcionisalo zato što je unapred formatiran tekst definisan kao tekst u kojem je struktura definirana tipografskim konvencijama, a ne HTML renderingom.

Danas se ova oznaka ne koristi toliko, jer CSS nam omogućuje diktiranje vizuelnih stilova na mnogo efikasniji način nego što pokušavamo da primoramo pojavu u naš HTML i zato što Web standardi diktiraju jasno razdvajanje strukture (HTML) i stilova (CSS). Ipak, možda postoje primeri da je tekst u prethodnom formatu imao smisla, kao i za poštansku adresu u kojoj želite da prisilite pauzu linija ili primere poezije gde su prekidi linije bitni za čitanje i ukupan protok sadržaja.

Evo jednog načina korištenja HTML

 tag: 

 
 Twas brillig i slithey toves Da li se gyre and gimble in wabe  
 Tipični HTML kolapsira beli prostor u dokumentu. To znači da se vraćanja karata, razmaci i znakovi znakova koji se koriste u ovom tekstu srušio u jedan prostor. Ako ste uneli gornji citat u tipičnu HTML oznaku kao što je oznaka p (paragraph), završićete sa jednom linijom teksta, ovako: 
 Twas brillig i slithey toves Da li se gurali i gurali u wabe 
 Predmetna oznaka ostavlja znakove sa belim prostorom kao što je. Sve linijske pauze, razmaci i tabovi se održavaju u renderingu tog pretraživača pregledača. Postavljanje citata unutar oznake prepisa za isti tekst rezultiraće ovim prikazom: 
 Twas brillig i slithey toves Da li se gurali i gurali u wabe 
 Što se tiče fontova 
 Predefinisani tag više ne održava prostore i prelomi za tekst koji pišete. U većini pretraživača, napisano je u monospace fontu. Zbog toga su karakteri u tekstu jednaki po širini. Drugim riječima, slovo i zauzima toliko prostora koliko i slovo w. 
 Ako biste više voleli da koristite drugi font umesto podrazumevane monospace koji prikazuje pregledač, i dalje možete to promijeniti pomoću listova stilova i izaberite bilo koji drugi font za koji želite da tekst bude prikazan . 
 HTML5 
 Jedno što treba imati na umu je da u HTML5 atribut "width" više nije podržan za element 
. U HTML-u 4.01, širina je navela broj znakova koje bi linija sadržala, ali je to opadano za HTML5 i šire. 

 Ispravio / la Jeremy Girard dana 2/2/17