Cual es la diferencia entre HTML y XHTML?

[Nygron]

disculpen, quiza sea una pregunta boba, pero ahora que empece a practicar HTML, me di cuenta que en algunas FAQs vienen las respuestas en HTML y XHTML, lo que me pregunto es ¿Cual es la diferencia entre HTML y XHTML?

[Raulmmmm]

Aquí te lo explica muy bien:
http://www.ignside.net/man/html/a_xhtml.php

[buzu]

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.

[javioreto]

saludos, basicamente XHTML es como una norma para estandarizar la forma de crear los códigos HTML, como bien te explica "buzu".

[Nygron]

perfecto, mas o menos ya me di una idea.

Muchas gracias, seguire practicando, soy novatisimo en esto de HTML asi que no se les haga raro que venga con otra pregunta jeje

Saludos! Que esten bien.

[Apolo]

Tema movido desde el foro Web general hacia el foro de (X)HTML.

Saludos,

[buzu]

Apolo, Gracias por mantener el foro ordenado....

[Apolo]

Gracias.

Mensajes como el tuyo son un gran aliciente para continuar con esta labor.

Saludos,