Todo sobre el XHTML

¿ Que es el XHTML ?

XHTML, Siglas del inglés eXtensible HyperText Markup Language. XHTML es básicamente HTML expresado como XML válid.

Las principales ventajas del XHTML sobre el HTML son:

• Se pueden incorporar elementos de distintos espacios de nombres XML (como MathML y Scalable Vector Graphics).
• Un navegador no necesita implementar heurísticas para detectar qué quiso poner el autor, por lo que el parser puede ser mucho más sencillo.
• Como es XML se pueden utilizar fácilmente herramientas creadas para procesamiento de documentos XML genéricos (editores, XSLT, etc.)

Índice

Apéndice

El estándar XHTML indica en un apéndice informativo una manera de escribir XHTML de modo tal que los navegadores actuales que sólo entienden HTML, lo procesen como si fuera éste. Para esto se deberá crear un documento con algunas restricciones y consideraciones, y servirlo con el «content-type» text/html, en vez del correcto para XHTML.

Algunas de las reglas propuestas para que XHTML «parezca» HTML son:

• No usar instrucciones de proceso.
• Los elementos vacíos (como <br>) deberán escribirse <br />, es decir en forma abreviada y con un espacio antes de «/».
• No se debe utilizar la forma abreviada para elementos no vacíos que no tengan contenido, es decir: no se debe escribir</p>.

Para algunos autores, la inclusión de este apéndice en el estándar fue un error y consideran que es un error usar XHTML de esta manera.¹

Diferencias entre HTML y XHTML

La siguiente lista muestra algunas reglas de XHTML 1.0 que lo diferencian de HTML 4.01. Muchas de estas diferencias vienen con el cambio de ser una aplicación SGML a ser una aplicación del más estricto XML:

1. Los elementos vacíos deben cerrarse siempre:
   • Incorrecto: <br>
   • Correcto: <br></br> o <br/> o <br />
     Nota: Cualquiera de las tres formas es válida en XHTML. Para compatibilidad según el "Apéndice C" debe usarse <br />.


2. Los elementos no vacíos también deben cerrarse siempre:
   • Incorrecto: <p>Primer párrafo<p>Segundo párrafo
   • Correcto: <p>Primer párrafo</p><p>Segundo párrafo</p>


3. Los elementos anidados deben tener un correcto orden de apertura/cierre (el que se abre último, debe cerrarse primero).
   • Incorrecto: <em><strong>Texto</em></strong>
   • Correcto: <em><strong>Texto</strong></em>


4. Los valores de los atributos deben siempre ir encerrados entre comillas (simples o dobles).
   • Incorrecto: <td rowspan=3>
   • Correcto: <td rowspan="3">
   • Correcto: <td rowspan='3'>


5. Los nombres de elementos y atributos deben ir en minúsculas.
   • Incorrecto: <A HREF="http://www.domname.com">Domname</A>
   • Correcto: <a href="http://www.domname.com">Domname</a>


6. No está permitida la minimización de atributos (se usa el nombre del atributo como valor).
   • Incorrecto: <textarea readonly>Solo-lectura</textarea>
   • Correcto: <textarea readonly="readonly">Solo-lectura</textarea>


7. Los atributos desaprobados en HTML 4.01 no forman parte de XHTML.
   • Incorrecto: <font color="#0000FF">Blue text</font>
   • Correcto: <span style="color: #0000FF;">Blue text</span>

como dijo Bill Gates

"Internet facilita la información adecuada, en el momento adecuado, para el propósito adecuado."