html-xhtml. Diferencias de código

Documento válido

Un documento es válido si cumple las reglas indicadas en el DTD respecto a su sintaxis, estructura, anidaciónes, vocabulario, y atributos. O dicho de otro modo, un documento es válido si además de estar bien formado, se ajusta al vocabulario de etiquetas y atributos especificados en el DTD.

Anidaciones incompatibles

Algunas cuestiones respecto a anidación dependen del DTD utilizado, y siempre es mejor preguntar antes al validador, pero como norma general debemos evitar las siguientes anidaciones de elementos.

a: no puede contener otros elementos a.

pre: no puede contener los elementos img, object, big, small, sub o sup.

form: no puede contener otros elementos form.

button: no puede contener los elementos input, select, textarea, label, button, form, fieldset, iframe o isindex.

label: no puede contener otros elementos label.

Elementos vacíos

Existen elementos que no se ajustan al esquema:

<etiqueta atributo=”valor”>contenido</etiqueta>

Son elementos que carecen de contenido y suelen escribirse con sintaxis minimizada (con una sola etiqueta). Se ajustan al siguiente esquema con o sin atributos, pero siempre deben finalizar la etiqueta con la barra de cierre /

<etiqueta atributo1=”valor” atributo2=”valor” />

Un ejemplo sin atributos sería el elemento < /br>

Como ejemplo con atributos tenemos cualquiera de las etiquetas de cabecera del ejemplo 1. Tanto las etiquetas de metadatos como las de vinculación de archivos externos como las hojas de estilo de las líneas 10 y 11 se ajustan a esta sintaxis.

<link href="css/hoja1.css" rel="stylesheet" type="text/css" media="all" />

Minúsculas

xml distingue entre mayúsculas y minúsculas por lo tanto todos los nombres de etiquetas y atributos deben ir siempre en minúsculas.

Valores de atributo

Los valores de atributos deben ir siempre entre comillas, y siempre deberá especificarse un valor de atributo.

<etiqueta atributo1=”valor” atributo2=”valor”> contenido </etiqueta>

Para hacer una consulta más exhaustiva de estas diferencias se puede acceder a una de las traducciones del Sidar sobre el estándar xhtml 1.0.

xhtml 1.0 Diferencias html 4.0

Documento conforme W3C XHTML 1.0|CSS 2.0|WAI AA