L' XHTML

L' XHTML è un linguaggio del World Wide Web Consortium, detto anche W3C (Link: Click).

Il 26 Gennaio 2000, il W3C rilascia la prima specifica del XHTML. Cosa cambia rispetto all'HTML comune?
Niente: nessun codice nuovo, nessuna modifica di rilevante importanza.

Eppure, l'XHTML è il linguaggio del futuro, un passaggio tra HTML (markup) e XML ("programmazione").

Come non posso quotare HTML.it quando dice:

L'XHTML nasce perchè nel web (grazie sopratutto a frontpage) si stava creando un ammasso di siti e portali che scrivevano in HTML non standard, ovvero: i siti si visualizzavano correttemente perchè i browser attuali ammettevano di tutto (specialmente IE) ma il codice era una vera e propria pattumiera. L'HTML stava diventando un bordello pazzesco perchè la gente continuava ad utilizzarlo sia per la grafica (mentre doveva occuparsene i CSS) che per il codice vero (HTML appunto).
L'XHTML quindi è una rinascita dell'HTML: niente più tag come font, tutta la parte grafica va fatta via css.

Iniziamo col dire che la X di XHTML, come pure per XML, sta per Exstensible.
La principale differenza nello scrivere in codice XHTML è che - come tutti i linguaggi seri - l'XHTML è molto pignolo quando deve interpetrare un codice.

Le cose più importanti sono:

1) Tutti i tag senza chiusura (tipo img) vanno chiusi appunto con />.
2) Va scritto tutto in minuscolo.
3) Bisogna specificare tutto nei tag.
4) Vanno sempre inserite le virgolette.
5) Bisogna inserire il DOCTYPE, e la dichiarazione XHTML.

Riguardo il punto 1 è semplice:
Tutti i tag senza chiusura, per esempio IMG, BR ecc. vanno trasformati da così:


a così:


Nel caso di br invece:


trasformiamolo così:


Notare che ho inserito uno spazio dopo br e img src, questo perchè alcuni vecchi browser potrebbero dare problemi senza.

Punto 2: Bisogna scrivere sempre tutto minuscolo, cascasse il mondo, qualsiasi tag va scritto in minuscolo.

HTML:


XHTML:


Riguardo al 3, forse sono stato un pò generico, ma un esempio pratico di "specificare tutto nei tag" è questo:
Allora, normalmente in HTML per inserire l'immagine scriveremmo:


Invece, in XHTML bisogna inserire più informazioni possibili, per esempio:


Height e width sono le dimensioni: height altezza, width larghezza.
Alt non ha un riscontro pratico in browser Mozilla, invece con Internet Explorer serve per mettere un messaggio nel quadratino giallo quando si passa il mouse su un immagine.
Usare Alt è ESSENZIALE: potete lasciarlo vuoto (alt="") ma inseritelo SEMPRE.
Height e width non sono essenziali, ma inserirli è meglio, per velocizzare (di poco) il caricamento delle immagini dato che il browser non deve più controllare la dimensione dell'immagine.

Come detto nel punto 4, le virgolette vanno sempre inserite, questo è il peggior errore che si possa fare, ed è anche molto sviluppato tra i webmaster!
Praticamente, scrivendo così:


La pagina NON E' PIU' VALIDA.

Punto 5: Va sempre inserito il doctype e la dichiarazione XHTML a inizio pagina.
Qui c'è un discorso lunghissimo da fare, per questo vi rimando ad HTML.it: Click

La guida è un pò incasinata, ma sono solo le basi, per una guida completa: Click

Come scrivere in XHTML?

Vi dico già da subito che FrontPage è totalmente inutile.

Servono programmi più professionali, come ad esempio Dreamweaver MX.
Inoltre, sono necessarie delle MINIME conoscenze dei CSS: Click

Settare Dreamweaver MX per supportare XHTML è semplice:
Basta andare in "File">"Nuovo" e selezionare "Rendi documento XHTML compatibile".

Per controllare se il vostro sito è scritto in corretto XHTML esiste il Validator del W3C:
Click

Ricordate inoltre che tutti i contenuti (affinchè la pagina sia convalidata) devono essere racchiusi tra due div: