Schimbarea distanței dintre cuvinte în textele paginilor web nu este atât de banală pe cât s-ar putea părea. Două, trei sau mai multe spații consecutive între cuvintele adiacente, conform standardelor HTML, nu vor afecta în niciun fel distanța dintre ele - browserul le va afișa ca un singur spațiu. Dar, desigur, există instrumente pentru rezolvarea acestei probleme.
Instrucțiuni
Pasul 1
O opțiune este de a utiliza un caracter HTML special numit non-breakable-space. Este afișat în același mod ca un spațiu obișnuit, iar particularitatea este că, dacă două cuvinte sunt separate de un spațiu atât de special, atunci browserul va considera că acesta este un cuvânt îmbinat, care nu poate fi separat. Datorită acestei caracteristici, browserul nu va interfera cu afișarea mai multor astfel de spații la rând, adică nu va înlocui mai multe spații cu unul. Acest semn special este notat de următorul set de caractere: "& nbsr;" (fără ghilimele). În codul sursă al documentului, un paragraf de text cu cuvinte separate prin astfel de caractere speciale poate arăta astfel:
Acesta este un eșantion de & nbsr; & nbsr; paragraf & nbsr; & nbsr; & nbsr; text.
Aici distanța dintre primul și al doilea cuvânt va fi normală, între al doilea și al treilea - dublat, iar între al treilea și al patrulea - triplat.
Pasul 2
Mult mai frecvent utilizat este controlul spațierii între cuvinte folosind un limbaj de descriere a stilului (CSS). În limbajul CSS, definiția corespunzătoare poate arăta astfel: spațierea cuvintelor: 15 px; Iată dimensiunea spațiului dintre cuvintele adiacente în 15 pixeli. Puteți adăuga un atribut de stil la aproape orice etichetă. De exemplu, o etichetă de paragraf cu acest atribut, care setează distanța de 20 de pixeli între toate cuvintele din paragraf, ar putea arăta astfel:
Un paragraf de text cu spațiu crescut între cuvinte
Pasul 3
De obicei, blocurile de stil sunt plasate în antetul unui document sau în fișiere separate. Într-un astfel de bloc, puteți seta mai multe valori pentru distanța dintre cuvinte și le puteți împacheta în clase diferite, iar în corpul documentului puteți indica linkuri către clasele corespunzătoare din etichete. De exemplu, o descriere a unei clase numite dblSpace ar putea arăta astfel:
.dblSpace {spațierea cuvintelor: 20px}
Și o etichetă de paragraf cu un link către această clasă din corpul documentului va fi, de exemplu, astfel:
Un paragraf cu spațiere largă între cuvinte
