Bien, una de esas preguntas que sin querer captan mi atencion.
Primera diferencia la X en Xhtml no esta presente en HTML... No, no es chiste! La X en XHTML significa extensible, lo cual hace una grand diferencia.
XHTML esta basado en XML, un estándar mas estricto que SGML, el estándar en el que esta basado HTML. XHTML surgió por la necesidad de regular la estructura de la web. Ojo que hay una diferencia entre estructura y contenido. En pocas palabras diría que XHTML es mas estricto (aun en transicional) que HTML.
Por ejemplo:
Nested tags tienen que estar bien ordenadas, cerrando primero las que se abrieron al ultimo por ejemplo:
Código HTML:
<p>este es un elemento p <pre>un poco de texto pre formateado </pre></p>
el ejemplo anterior es un ejemplo de buena estructuración en XHTML. Mientras que en HTML podías cerrar primero el elemento "p" y después el elemento "pre", en XHTML esto dará un error.
Otra gran diferencia es que en XHTML todos los elementos deben de cerrarse a su momento, esta regla aplica también a los elementos vacíos como "img" esto no era un requerimiento para HTML.
HTML
Código HTML:
<p> este es un parrafo...<a href ="algo.html">un enlace </a><p>un nuevo parrafo
Lo anterior es valido en HTML mientras que en XHTML nos daría un error ya que no hemos cerrado el primer elemento "p"
Otra diferencia es que todas la etiquetas deben escribirse en mayúsculas cuando maquetas usando XHTML mientras que usando HTML puedes escribir las etiquetas en minúsculas, mayúsculas o incluso combinarlas:
HTML
Código HTML:
<P>párrafo</p><ImG><STronG>
lo anterior es valido para HTML pero para XHTML se debe escribir forzosamente con minúsculas:
Código HTML:
<p>párrafo</p><img /><strong>
Ok, aqui estoy editando.
Solo agregare algunas cosas.
1Para cerrar una etiqueta vacía como es el caso de <img> vasta con agregar una "/" al final de la etiqueta. SE recomienda dejar un espacio para evitar problemas con navegadores antiguos.
Código HTML:
<img src="loading.gif" alt="loading" />
Otra gran diferencia es la separación del contenido y presentación totalmente usando CSS. Los atributos como align o las etiquetas como <font> ya no se usan en XHTML. Ahora toda la presentación debe manejarse en CSS.
Ademas, aun que no es una obligación o un estándar, con el uso de XHTML se recomienda mantener una semántica y usar cada elemento para lo que fue concebido. No mas tablas para maquear ni truquillos de esa índole.
Sin duda que hay mucho mas que hablar con respecto a este tema y que mi breve explicación se queda muy corta. Espero que les sirva y sobre todo que los anime a investigar mas al respecto. No aprendas solo el lenguaje, aprende su historia, sus orígenes, su razón de ser y existir, entonces lo entenderás mejor.