Etiquetas que cierran o cierran correctamente en HTML5

Tengo una pregunta relacionada con el cierre de tags HTML que se cierran automáticamente .

¿Cuál es más apropiado?

1.  2.  3.  

Además, si alguien tiene una buena alternativa para esta etiqueta , por ejemplo:

  OR  

Este artículo me ayudó algo.

Uso para mi tipo de documento.

Eso depende completamente de su DOCTYPE: se necesitan tags de cierre automático para cumplir con el estándar XHTML. HTML4 y HTML5 no requieren tags de cierre automático.

En HTML5 no es estrictamente necesario cerrar ciertas tags HTML … (pero algunas lo hacen)

Formulario w3.org :

8.1.2.1 Etiquetas de inicio


6) Entonces, si el elemento es uno de los elementos vacíos , o si el elemento es un elemento extraño , entonces puede haber un único carácter “/” (U + 002F). Este carácter no tiene ningún efecto sobre los elementos vacíos , pero en el elemento extraño marca la etiqueta de inicio como de cierre automático .

Yo diría que es una preferencia personal en cierta medida, ya que todo arroja el mismo resultado [en HTML 4/5]. Sin embargo, he visto el # 3 con mayor frecuencia, y esa es la manera en que me he acostumbrado.

  Smiley face