Modificare la distanza tra le parole nei testi delle pagine web non è così banale come potrebbe sembrare. Due, tre o più spazi consecutivi tra parole adiacenti, secondo gli standard HTML, non influenzeranno in alcun modo la distanza tra loro: il browser li visualizzerà come un unico spazio. Ma, naturalmente, ci sono strumenti per risolvere questo problema.
Istruzioni
Passo 1
Un'opzione è usare un carattere HTML speciale chiamato spazio non divisibile. Viene visualizzato allo stesso modo di uno spazio normale e la particolarità è che se due parole sono separate da uno spazio così speciale, il browser considererà che si tratta di una parola unita, che non può essere separata. A causa di questa funzione, il browser non interferirà con la visualizzazione di più spazi di seguito, ad es. non sostituirà più spazi con uno. Questo segno speciale è indicato dal seguente set di caratteri: "& nbsr;" (senza virgolette). Nel codice sorgente del documento, un paragrafo di testo con parole separate da tali caratteri speciali può apparire così:
Questo è un esempio di & nbsr; & nbsr; paragrafo & nbsr; & nbsr; & nbsr; testo.
Qui la distanza tra la prima e la seconda parola sarà normale, tra la seconda e la terza - raddoppiata e tra la terza e la quarta - triplicata.
Passo 2
Molto più comunemente usato è il controllo della spaziatura tra le parole utilizzando un linguaggio di descrizione di stile (CSS). Nel linguaggio CSS, la definizione corrispondente potrebbe essere così: word-spacing: 15px; Ecco la dimensione dello spazio tra parole adiacenti in 15 pixel. Puoi aggiungere un attributo di stile a quasi tutti i tag. Ad esempio, un tag di paragrafo con questo attributo, che imposta la distanza di 20 pixel tra tutte le parole del paragrafo, potrebbe avere questo aspetto:
Un paragrafo di testo con una maggiore spaziatura tra le parole
Passaggio 3
In genere, i blocchi di stile vengono inseriti nell'intestazione di un documento o in file separati. In tale blocco, puoi impostare diversi valori per la distanza tra le parole e comprimerli in classi diverse e nel corpo del documento indicare i collegamenti alle classi corrispondenti nei tag. Ad esempio, una descrizione di una classe denominata dblSpace potrebbe essere simile a questa:
.dblSpace {word-spacing: 20px}
E un tag di paragrafo con un collegamento a questa classe nel corpo del documento sarà, ad esempio, così:
Un paragrafo con un'ampia spaziatura
