Programmazione Web » Css » Gestire un sito bi-lingua senza utilizzo di linguaggi Server Side
Gestire un sito bi-lingua senza utilizzo di linguaggi Server Side
Difficoltà:
Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net 
Questo tutorial è stato letto 1049 volte
La gestione di un sito bi-lingua può sembrare veramente faticosa. Se il sito non è pieno zeppo di contenuti, una soluzione al problema potrebbe essere quella di differenziare l'aspetto del testo in italiano da quello in inglese nella stessa pagina (senza quindi doverne creare due). Potremmo realizzare quest'effetto creando due semplici classi con proprietà diverse, ma non è questo quello che voglio illustrarvi con questo tutorial.
Vi presenterò la soluzione in una maniera molto più tecnica, ma non per questo faticosa! Utilizzeremo infatti la pseudo-classe :lang dei Css per gestire la parte del nostro sito scritta in inglese. Vediamo come:
Dichiariamo il Css per la parte in italiano (utilizzando la semplice dichiarazione per il body):
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
e quello per la parte in inglese:
p:lang(en) {
color: #990000;
}
Ora passiamo all'(X)HTML: per la parte in italiano basterà scrivere un semplice paragrafo:
<p>Ciao a tutti!</p>
mentre per la parte in inglese sarà necessario dichiarare l'attributo lang del tag <p> (nel nostro caso "en"):
<p lang="en">Hello Folks!</p>
Semplicissimo... Peccato che non funzioni con MS IExplorer.
Aggiungi questo tutorial ai preferiti
