dimarts, 9 de juny del 2009

Sintaxi correcta XHTML

Avui parlarem sobre com escriure correctament les etiquetes de XHTML.
Els errors en el marcatge són molt comuns al crear una plana web i és el primer que s'ha de revisar quan finalitzes una pàgina.

1.- Per començar, en un document XHTML el primer que s'ha d'especificar és el tipus de document (DOCTYPE) Aquesta declaració es coneix com a DTD i sempre es posa abans de l'etiqueta d'inici de l'HTML.

Exemple:

[!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd].

És molt important posar això abans de començar ja que sino no serà una pàgina válida perquè el navegador o dispositiu desconeixerà quines són les regles que l'han d'ajudar a interpretar-lo correctament.

2.- En XHTML s'ha de posar tot en minúscules perquè diferencia les majúscules de les minúscules. En canvi en l'HTML no les diferencia. A això, se l'anomena ser case sensitive.

3.- També altra diferencia que hi ha és que en XHTML és obligatori l'ús de l'etiqueta [html] amb els atributs xmlns, xml:lang i lang, que será la primera etiqueta que es posará després d'afegir el doctype.

L'atribut xlmns conté el valor: http://www.w3.org/1999/xhtml

L'atribut xml:lang i lang: indiquen l'idioma que s'utilitzará, xml:lang="ca" lang="ca". El codi del catalá es "ca".

4.- Totes les etiquetes que abans en html no feia falta tancar-les, ara en xhtml VAN TANCADES!!. És un altre error molt comú el no tancar una etiqueta.

Exemples:

[br/] ; [pr/] ; [img src="..."/> i moltes més.


5.- Els elements del document XHTML han d'estar nidats correctament, és a dir les etiquetes que obren i tanquen els diferents elements han d'estar en l'ordre correcte.

Exemple:

[p]Lorem ipsum dolor sit amet, [em]consectetuer adipiscing elit [/em].[/p]

I després d'això, ja posariem la capçalera i el cos igual que a l'HTML. En això, la cosa no canvia.

Amb aquesta breu explicació espero que hagi resolt algun dubte.

A fer moltes planes webs!!!


P.D: En totes les etiquetes que he posat, he susbtituït < > per [ ] , ja que sino no es veien.