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

Trimiteți-le prietenilor: