¿Cuál es la diferencia entre y en HTML?

Posible duplicado:
¿Usa la barra de cierre XHTML (/) en las tags normales?
¿Las tags de cierre automático son válidas en HTML5?

Estoy revisando una gran cantidad de código HTML y también JavaScript que sintetiza HTML y noté que si hay alguna etiqueta sin contenido dentro de la etiqueta, hay dos formas de especificarla. O sea así:

o así:

 

¿Hay alguna diferencia entre los dos?

Los navegadores normalizan el marcado no válido en el formulario válido:

es un marcado técnicamente no válido (HTML 5), ya que div no es una etiqueta de cierre automático.

Un navegador lo normalizará a

.

Tenga en cuenta que esto es diferente de cómo XML manejará una etiqueta de cierre automático en comparación con una etiqueta cerrada.

Una etiqueta de cierre automático no tiene hijos ni valor para el texto interno (nulo):

  

Una etiqueta cerrada no tiene hijos ni texto interno (cadena vacía):

  

es la forma correcta de XHTML de escribir tags que no contienen contenido. Por lo general, estos son ,
y similares.

está destinado a tener contenido dentro, por lo que decir

, aunque es aceptable, parece menos legible.

El primer ejemplo es HTML estricto, mientras que el segundo es estricto xHTML.

Pre HTML5, cuando tenía que especificar si estaba usando HTML o xHTML, usar la syntax incorrecta provocaría errores de validación y, a veces, problemas de representación. Usar el doctype HTML5 hace la diferencia discutible.

En segundo lugar, el segundo ejemplo es uno de una etiqueta de cierre automático, en este caso un div vacío, pero muchas tags en la especificación xHTML lo admiten, incluyendo img , link , meta y cualquier otra etiqueta que de otro modo estaría vacía.