Lo primero que debemos hacer para desarrollar un documento XHTML válido, es indicarle al navegador el tipo de documento que va a recibir. Actualmente existen tres tipos de documentos XHTML que podemos usar:
La declaración del tipo utilizado se debe hacer al inicio de cualquier documento que forme parte de la web. A continuación vemos la correcta aplicación de dicha declaración, que conocemos como DOCTYPE:
Se tiene que destacar que siempre que el documento vaya a usar caracteres latinos (acentos y eñes) es necesario indicar una codificación compatible con los mismos. La codificación por default de XHTML es UTF-8, misma que tiene conflictos con algunos caracteres de uso común en nuestra lengua, por eso es importante asegurarse que la codificación sea iso-8859-1, como se ve en el ejemplo de arriba.
A continuación se describe 5 reglas básicas que cubren la mayor parte de los errores de un documento XHTML.
1. Si no lo cierras, no sirve
En XHTML no puede haber elementos sin cierre. Un <p> debe cerrarse con un </p>, un <li> debe cerrarse con un </li>, y así todos los elementos.
Aquellos que son independientes como <br>, <hr> y los <input>, deben cerrarse a si mismos de esta forma: <br />, <hr /> y <input />.
2. Anida de forma lógica
Los elementos en un documento XHTML deben cerrarse en el orden inverso que fueron abiertos.
De tal forma que <div><p><strong> debe cerrarse en el orden </strong></p></div>. No puedes saltarte un cierre, eso convertiría tu documento en "Mal Formado", y fallaría su validación.
3. No uses mayúsculas
Tanto los nombres de las etiquetas como los nombres de los atributos deben escribirse en minúsculas.
Esto quiere decir que la siguiente etiqueta: <DIV CLASS="EncabezadoPrincipal"> es incorrecta, su forma correcta sería: <div class="EncabezadoPrincipal">, nota que el valor del atributo si puede tener mayúsculas, la regla se aplica para los nombres de las etiquetas y atributos, no para los valores o contenido de los mismos.
4. Usa las comillas
Todos los atributos de cualquier etiqueta deben encerrarse entre comillas.
La forma correcta de asignar valores a los atributos de una etiqueta es la siguiente: <img src="mi_imagen.gif" height="50" width="150" alt="Mi Foto">.
5. No lo uses para diseñar
Piensa en XHTML como el medio para organizar y estructurar tu documento, no como un medio para darle formato. Olvidate de los <font>, los <... background>, <...align>, etcétera.
Links de interés:
Guía Breve de XHTML
Especificación oficial de XHTML (inglés)
Guía en línea sobre el lenguaje XHTML
Herramientas para validar nuestro código:
Validador en línea del W3C
Web Developer: extensión para Firefox
Internet Explorer Developer Toolbar Beta 3: extensión para Internet Explorer
- Transicional: permite la utilización de algunas etiquetas de formato dentro del código de las páginas para ser soportadas por navegadores antiguos que tienen problemas con las CSS
- Estricto: se utiliza en combinación con W3C CSS, siguen al pie de la letra las convenciones marcadas separando completamente las etiquetas de formato del contenido (el formato se apoya exclusivamente en la CSS).
- Frameset: se utiliza cuando se divide la pantalla en varios marcos o frames.
La declaración del tipo utilizado se debe hacer al inicio de cualquier documento que forme parte de la web. A continuación vemos la correcta aplicación de dicha declaración, que conocemos como DOCTYPE:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//WC3//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Se tiene que destacar que siempre que el documento vaya a usar caracteres latinos (acentos y eñes) es necesario indicar una codificación compatible con los mismos. La codificación por default de XHTML es UTF-8, misma que tiene conflictos con algunos caracteres de uso común en nuestra lengua, por eso es importante asegurarse que la codificación sea iso-8859-1, como se ve en el ejemplo de arriba.
A continuación se describe 5 reglas básicas que cubren la mayor parte de los errores de un documento XHTML.
1. Si no lo cierras, no sirve
En XHTML no puede haber elementos sin cierre. Un <p> debe cerrarse con un </p>, un <li> debe cerrarse con un </li>, y así todos los elementos.
Aquellos que son independientes como <br>, <hr> y los <input>, deben cerrarse a si mismos de esta forma: <br />, <hr /> y <input />.
2. Anida de forma lógica
Los elementos en un documento XHTML deben cerrarse en el orden inverso que fueron abiertos.
De tal forma que <div><p><strong> debe cerrarse en el orden </strong></p></div>. No puedes saltarte un cierre, eso convertiría tu documento en "Mal Formado", y fallaría su validación.
3. No uses mayúsculas
Tanto los nombres de las etiquetas como los nombres de los atributos deben escribirse en minúsculas.
Esto quiere decir que la siguiente etiqueta: <DIV CLASS="EncabezadoPrincipal"> es incorrecta, su forma correcta sería: <div class="EncabezadoPrincipal">, nota que el valor del atributo si puede tener mayúsculas, la regla se aplica para los nombres de las etiquetas y atributos, no para los valores o contenido de los mismos.
4. Usa las comillas
Todos los atributos de cualquier etiqueta deben encerrarse entre comillas.
La forma correcta de asignar valores a los atributos de una etiqueta es la siguiente: <img src="mi_imagen.gif" height="50" width="150" alt="Mi Foto">.
5. No lo uses para diseñar
Piensa en XHTML como el medio para organizar y estructurar tu documento, no como un medio para darle formato. Olvidate de los <font>, los <... background>, <...align>, etcétera.
Links de interés:
Guía Breve de XHTML
Especificación oficial de XHTML (inglés)
Guía en línea sobre el lenguaje XHTML
Herramientas para validar nuestro código:
Validador en línea del W3C
Web Developer: extensión para Firefox
Internet Explorer Developer Toolbar Beta 3: extensión para Internet Explorer
No hay comentarios:
Publicar un comentario