XHTML

XHTML es la evolución de HTML, derivado de XML. Es un lenguaje ideado por la w3c para hacer sitios accesibles por todos, y su principal baza es permitir ver un documento web con independencia de dispositivo de forma relativamente rápida. Aparte, sirve para separar el contenido de la presentación. Permite la incorporación de nuevos lenguajes de mercado como Xforms, SVG, Xlink....

• Cambios con respecto a HTML
• Versiones de XHTML:
  • XHTML 1.0
  • XHTML 1.1
  • XHTML 2.0

Cambios con respecto a HTML

• Los tags no vacíos deben ser cerrados siempre. No hay cierre opcional en XHTML.
  • Válido: <p>Párrafo</p>
  • Inválido: <p>Párrafo
• Los tag vacíos deben ser correctamente cerrados. Para lograr esto puedes usar un cierre normal o puedes cerrar el tag poniendo un espacio seguido de una barra al final del tag de apertura.
  • Válido: <img src="boton.jpg"></img><img src="boton.jpg" />
  • Inválido: <img src="boton.jpg">
• Los nombres de tags y atributos deben ser escritos en minúsculas para adaptarse a la sensibilidad a mayúsculas/minúsculas de XML (con la exepción de la etiqueta HTML !DOCTYPE).
  • Válido: <a href="http://www.htmlquick.com/es/tutorials.html">Texto ancla</a>
  • Inválido: <A Href="http://www.htmlquick.com/es/tutorials.html">Texto ancla</A>
• Los valores predefinidos de algunos atributos deben estar en minúsculas debido a la sensibilidad a mayúsculas/minúsculas de XML.
  • Válido: <input type="submit" />
  • Inválido: <input type="SUBMIT" />
• Los valores de los atributos deben ser adecuadamente encerrados entre comillas (simples o dobles). Las comillas no son opcionales en XHTML.
  • Válido: <span id="id1" class='importante'>Texto</span>
  • Inválido: <span class=importante>Texto</span>
• Los atributos booleanos no pueden ser abreviados (usando solo el nombre del atributo). Como valor debes especificar el nombre del atributo.
  • Válido: <button id="boton1" disabled="disabled">Ejecutar</button>
  • Inválido: <button id="boton1" disabled>Ejecutar</button>
• Los elementos anidados deben obedecer correctamente su orden jerárquico.
  • Válido: <span class="doble"><b>Ejecutar</b></span>
  • Inválido: <span class="doble"><b>Ejecutar</span></b>
• Los elementos de bloque no pueden ser declarados como contenido de los elementos de línea.
  • Válido: <b><div class="doble">Ejecutar</div></b>
  • Inválido: <div class="doble"><b>Ejecutar</b></div>
• Algunos elementos específicos no pueden ser declarados como contenido de otros elementos específicos.
  • El elemento "a" no debe contener otros elementos "a".
  • El elemento "pre" no debe contener otros elementos "img", "object", "big", "small", "sub" o "sup".
  • El elemento "button" no debe contener otros elementos "input", "select", "textarea", "label", "button", "form", "fieldset", "iframe" o "isindex".
  • El elemento "label" no debe contener otros elementos "label".
  • El elemento "form" no debe contener otros elementos "form".
• Todos los símbolos "&" deben ser escritos usando el nombre de entidad (&), aún en URLs.
  • Válido: <a href="compraventa.php?id=1&amp;sub=2">Compra &amp; venta</a>
  • Inválido: <a href="compraventa.php?id=1&sub=2">Compra & venta</a>
• Las referencias de entidad de caracteres son sensibilidad a cambios en mayúsculas/minúsculas de acuerdo a la regla de XML.
  • Válido: á - á (para á)
  • Inválido: á - &aAcuTe; (para á)
• El atributo "alt" debe estar siempre presente en la etiqueta img.
  • Válido: <img src="pajaro.jpg" alt="Un pájaro volando"></img>
  • Inválido: <img src="pajaro.jpg"></img>
• El texto comentado será completamente ignorado por un procesador XML, lo que significa que comentar scripts o códigos de estilo para "ocultarlos" de los navegadores antigüos será igual a borrarlos. Si el script o código de estilo contiene un carácter "&" ó "<", éstos serán procesados por el procesador XML. Para evitar este inconveniente puedes elegir entre declararlos en archivos externos o utilizar el bloque CDATA.
  • Válido:
    <style type="text/css">
<![CDATA[
 p { color: blue; }
]]>
</style>
  • Inválido:
    <style type="text/css">
<!--
 p { color: blue; }
-->
</style>
• El atributo "name" ha sido formalmente desaprobado para los elementos a, applet, form, frame, iframe, img, y map, y puede ser excluido en futuras versiones.

Reglas XHTML para DTDs estrictos

En adición a aquellas declaradas anteriormente, los documentos estrictos de XHTML (XHTML 1.0 Strict y XHTML 1.1) deben seguir estas reglas.

• El texto no debe ser definido directamente en el cuerpo del documento, etiqueta body. En lugar de ello, insértalo dentro de un párrafo, de un bloque div o de algún otro elemento.
  • Válido: <body>Texto</body>
  • Inválido: <body><p>Texto</p></body>

Los cambios que se exponen aquí pertenece al sitio http://www.htmlquick.com/es/tutorials/xhtml.html

Versiones de XHTML

La primera versión. Para hacer el cambio menos traumático, la w3c ideó 3 DTDs para indicar el tipo de documento web:

- XHTML Strict: El original. Sería como un borrador a la versión, ya disponible, de XHTML 1.1. Para la presentación hay que usar las hojas de estilo en cascada o las CSS.

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

- XHTML Transitional: Permite etiquetas de presentación como font en caso de que no soporte el navegador los estilos. Pero no es lo más recomendable para nuestro propósito.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

- XHTML Frameset: Sirven para "navegar", en los navegadores de PC. Tampoco sirve para nuestro propósito. Esta DTD sirve para la presentación del documento web, aunque no lo parezca.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Bastante estricta, es una nueva versión de "XHTML strict". No tiene más DTDs. Para aplicarle estilo debemos de recurrir a las hojas de estilo.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Totalmente estricta. De momento, no se va a hablar de ella ya que aún no es estándard, todavía es un borrador, y no es soportado en común por los dispositivos o navegadores.

Lo poco que se puede decir es que se puede hacer inclusiones de fichero sin necesidad de PHP ni nada, nuevas etiquetas y eliminación de algunas antiguas. Ya hay muy pocos sitios escritos en esta versión.