Gestire un sito bi-lingua con i Css
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.
