Canviar la distància entre paraules als textos de les pàgines web no és tan trivial com podria semblar. Dos, tres o més espais consecutius entre paraules adjacents, d'acord amb els estàndards HTML, no afectaran la distància entre ells de cap manera: el navegador els mostrarà com un sol espai. Però, per descomptat, hi ha eines per resoldre aquest problema.
Instruccions
Pas 1
Una opció és utilitzar un caràcter HTML especial anomenat espai que no es pot trencar. Es mostra de la mateixa manera que un espai normal i la particularitat és que si dues paraules estan separades per un espai tan especial, el navegador considerarà que es tracta d’una paraula combinada, que no es pot separar. A causa d’aquesta característica, el navegador no interferirà amb la visualització de diversos espais consecutius, és a dir, no substituirà diversos espais per un. Aquest signe especial es denota amb el conjunt de caràcters següent: "& nbsr;" (sense cometes). Al codi font del document, un paràgraf de text amb paraules separades per caràcters especials pot tenir aquest aspecte:
Aquest és un text de paràgraf & nbsr; & nbsr; paràgraf & nbsr; & nbsr; & nbsr;
Aquí, la distància entre la primera i la segona paraula serà normal, entre la segona i la tercera (doblada) i entre la tercera i la quarta, triplicada.
Pas 2
Molt més habitualment s’utilitza el control de l’espaiat entre paraules mitjançant un llenguatge de descripció d’estil (CSS). En llenguatge CSS, la definició corresponent pot tenir aquest aspecte: espaiat entre paraules: 15 px; Aquí hi ha la mida de l'espai entre paraules adjacents en 15 píxels. Podeu afegir un atribut d'estil a gairebé qualsevol etiqueta. Per exemple, una etiqueta de paràgraf amb aquest atribut, que estableix la distància de 20 píxels entre totes les paraules del paràgraf, podria tenir aquest aspecte:
Un paràgraf de text amb un espaiat augmentat entre les paraules
Pas 3
Normalment, els blocs d’estil es col·loquen a la capçalera d’un document o en fitxers separats. En aquest bloc, podeu establir diversos valors per a la distància entre paraules i empaquetar-les en diferents classes i, al cos del document, indicar enllaços a les classes corresponents a les etiquetes. Per exemple, una descripció d'una classe anomenada dblSpace pot tenir aquest aspecte:
.dblSpace {espaiat entre paraules: 20 px)
I una etiqueta de paràgraf amb un enllaç a aquesta classe al cos del document serà, per exemple, així:
Un paràgraf amb espaiat ampli entre paraules
