Ce este textul preformatat?

Cum să utilizați eticheta Text pre-formatată în codul HTML

Când adăugați textul în codul HTML pentru o pagină Web, spuneți într-un element de paragraf, aveți puțin sau niciun control asupra locului în care acele linii de text se vor sparge sau a spațiilor care vor fi utilizate. Acest lucru se datorează faptului că browserul web va transmite textul după cum este necesar pe baza zonei care îl conține. Aceasta include site-uri web responsabile care vor avea un layout foarte fluid care se va schimba pe baza dimensiunii ecranului folosit pentru vizualizarea paginii .

Textul HTML va rupe o linie în cazul în care are nevoie de o dată ce a ajuns la sfârșitul zonei sale care conține. În final, browserul joacă un rol mai important în determinarea modului de rupere a textului decât în ​​cazul dvs.

În ceea ce privește adăugarea spațiilor pentru a crea un anumit format sau aspect, HTML nu recunoaște spațiul adăugat la cod, inclusiv bara spațială, fila sau caruselul. Dacă puneți douăzeci de spații între un cuvânt și cuvântul care vine după el, browserul va face doar un singur spațiu acolo. Acest lucru este cunoscut sub numele de colapsul spațiului alb și este, de fapt, unul dintre conceptele de HTML pe care mulți noi în industrie se luptă la început. Se așteaptă ca spațiul HTML să funcționeze așa cum se întâmplă într-un program precum Microsoft Word, dar nu este deloc cum funcționează deloc spațiul HTML.

În cele mai multe cazuri, manipularea obișnuită a textului în orice document HTML este exact ceea ce aveți nevoie, dar, în alte cazuri, este posibil să doriți mai mult control asupra modului în care spațiul de text este în afara și în cazul în care rupe liniile.

Acest lucru este cunoscut ca text preformat (cu alte cuvinte, dictați formatul). Puteți adăuga text pre-formatat în paginile dvs. web utilizând pre-eticheta HTML.

Utilizând eticheta

Cu mulți ani în urmă, era obișnuit să vezi pagini web cu blocuri de text formatat în prealabil. Utilizarea pre tag-ului pentru a defini secțiunile paginii în format cu tastarea în sine a fost o modalitate rapidă și ușoară pentru web designerii să obțină textul de afișat așa cum doreau.

Acest lucru a fost inainte de cresterea CSS pentru layout, cand designerii de web au fost cu adevarat blocati incercand sa forteze layout-ul folosind tabele si alte metode HTML numai. Acest lucru a funcționat înapoi, deoarece textul formatat în prealabil este definit ca text în care structura este definită mai degrabă prin convenții tipografice decât prin redarea HTML.

Astăzi, această etichetă nu este utilizată la fel de mult pentru că CSS ne permite să dicteze stilurile vizuale într-un mod mult mai eficient decât încercarea de a forța apariția în codul nostru HTML și deoarece standardele Web dictează o separare clară a structurii (HTML) și a stilurilor (CSS). Totuși, pot exista cazuri în care textul pre-formatat are sens, ca pentru o adresă de corespondență în care doriți să forțați rupturile de linie sau pentru exemple de poezie în care rupturile liniei sunt esențiale pentru citirea și fluxul general al conținutului.

Iată o modalitate de a utiliza eticheta HTML

: 

 
 Twas brillig și the slithey toves A trecut și a intrat în wabe  
 HTML tipic colapsază spațiul alb din document. Acest lucru înseamnă că caracterele returnează, spațiile și caracterele din tabelă utilizate în acest text vor fi restrânse la un spațiu. Dacă ați tastat citatul de mai sus într-o etichetă HTML tipică ca eticheta p (paragraf), ați ajunge la un rând de text, după cum urmează: 
 Câteva briliți și tocmai au făcut-o 
 Pre-tag-ul părăsește caracterele spațiului alb ca atare. Astfel, pauzele de linie, spațiile și filele sunt toate menținute în redarea browserului a respectivului conținut. Punerea citării în interiorul unei pre tag-uri pentru același text ar avea ca rezultat afișarea: 
 Câteva briliți și tocmai au făcut-o 
 Cu privire la Fonturi 
 Pre-eticheta face mai mult decât să mențină spațiile și pauzele pentru textul pe care îl scrieți. În cele mai multe browsere, este scris într-un font monospațial. Acest lucru face ca caracterele din text să fie egale în lățime. Cu alte cuvinte, litera i ocupă cât mai mult spațiu ca litera w. 
 Dacă preferați să utilizați un alt font în locul opțiunii monospace implicite pe care browserul o afișează, puteți să o modificați în continuare cu foi de stil și să selectați orice alt font pe care doriți ca textul să fie redat . 
 HTML5 
 Un lucru care trebuie avut în vedere este că, în HTML5, atributul "lățime" nu mai este acceptat pentru elementul 
. În HTML 4.01, lățimea a specificat numărul de caractere care ar conține o linie, dar aceasta a fost abandonată pentru HTML5 și mai mult. 

 Editat de Jeremy Girard în 2/2/17