Gliful spațiului în html

Caracterul spațial din codul HTML al paginii web, interpretarea sa de către browser. Cum afișez două sau mai multe spații consecutive pe o pagină Web?

În mod implicit, orice număr de spații din codul html dintr-un rând, de pe pagina web, este afișat ca unul. Ce pot face dacă trebuie să tipăresc mai multe spații consecutive?

Alternativ, puteți utiliza eticheta 

 Definirea blocului de formatare preliminară a textului. Acest text este de obicei afișat într-un font monospațiu și cu toate spațiile dintre cuvinte. De exemplu, următorul cod html:


 înainte de linia două spații
 există trei spații între cuvinte


Acesta va fi interpretat de către browser după cum urmează:


Pentru a scapa de afișarea textului în font monospațiu, puteți folosi spațiul alb-regulă CSS: pre. De exemplu:


text cu spații
 fără font monospațiu


Rezultatul interpretării codului html rezultat de către browser va fi următorul:


text cu spații
 fără font monospațiu


Aici, trebuie remarcat că în ambele cazuri linia prea lungă nu va fi transferată dacă atinge sfârșitul unei zone. Această problemă poate fi rezolvată folosind regula CSS: white-space: pre-wrap - cu toate acestea, ca și în cazul browserului Internet Explorer. apoi în vechile versiuni, este posibil ca regulile CSS specificate să nu funcționeze.


Varianta cea mai optimă aici poate fi folosirea caracterului de evacuare al caracterului spațial, care în alte contexte este numit de obicei o "pauză continuă", care este o combinație a:  . De exemplu, codul html:


  înainte de linia două spații

 între cuvinte     cinci spații


Acesta va fi interpretat de către browser după cum urmează:


înainte de linia două spații
 între cuvinte cinci spații


Rețineți că "spațiile continue" sunt interpretate de browser, ca și cuvinte, între care puteți plasa spațiile obișnuite. În același timp, cuvintele separate numai de "spații continue", ajungând la sfârșitul unei zone, ca în cazul etichetei 
. nu vor fi transferate. De exemplu:


Acest lucru este convenabil dacă este necesar să se respecte regulile transferului semantic al cuvintelor.


Articole similare



Pagina anterioară
Pagina următoare