¿Cómo cerrar la etiqueta <img> correctamente?

<img src='stackoverflow.png'>
<img src='stackoverflow.png'></img>
<img src='stackoverflow.png' />

¿Cuál (es) de ellos es correcto?

<img src='stackoverflow.png' />

Funciona bien y cierra la etiqueta correctamente. Es mejor agregar el altatributo para personas con discapacidad visual.

Este es HTML5 válido y está absolutamente bien sin cerrarlo. Es un elemento llamado vacío:

<img src='stackoverflow.png'>

Las siguientes son etiquetas XHTML válidas. Tienen que estar cerrados. El último también está bien en HTML 5:

<img src='stackoverflow.png'></img>
<img src='stackoverflow.png' />

De hecho, solo el primero es válido en HTML5

<img src='stackoverflow.png'>  

Solo los dos últimos son válidos en XHTML

<img src='stackoverflow.png'></img>  
<img src='stackoverflow.png' />

(Aunque no es estrictamente obligatorio, alttambién debe incluirse un atributo _ normalmente_).

Dicho esto, su página HTML5 probablemente se mostrará según lo previsto porque los navegadores reescribirán o interpretarán su html según lo que cree que quiso decir. Eso puede significar que convierte una etiqueta, por ejemplo, de
<div />en <div></div>. O tal vez simplemente ignora la barra final <img ... />.
consulte 2016: Sirva HTML5 como XHTML 5.0 para validación heredada.
ver: discusión de 2011 y enlaces adicionales aquí, aunque con el tiempo algunos bits pueden haber cambiado

En parte, esto se debe a que los navegadores se esfuerzan mucho en corregir los errores. Además, porque existe mucha confusión sobre las etiquetas de cierre automático y las etiquetas nulas. Finalmente, la especificación ha cambiado, o no siempre ha sido clara, y los navegadores intentan ser compatibles con versiones anteriores.

Por lo tanto, aunque probablemente pueda salirse con la suya con cualquiera de las tres opciones,
solo la primera se adhiere al estándar HTML5 y se garantiza que pasará un validador de HTML5.

Una buena estrategia podría ser:

• Escribe código nuevo sin la barra de cierre.
• Al volver a factorizar el código, actualice las etiquetas de imagen cercanas a medida que las cruza.
• No se preocupe demasiado por las etiquetas de los archivos heredados que no toque, a menos que surja una necesidad particular.

Aquí hay una lista de etiquetas que no deben cerrarse en HTML5 :

 <br>    <hr>    <input>       
 <img>  <link>   <source>  
 <col>  <area>   <base>
 <meta> <embed>  <param>  
<track>  <wbr>   <keygen> (HTML 5.2 Draft removed)

El mejor uso de las etiquetas que debe utilizar:

<img src="" alt=""/>

También puedes usar en HTML5:

<img src="" alt="">

Estos dos son completamente válidos en HTML5. Elija uno de ellos y quédese con él.

Ambos la respuesta correcta. HTML5 sigue reglas estrictas y en HTML5 podemos cerrar todas las etiquetas. Entonces, depende de usted usar HTML5 o HTML y seguir una respuesta adecuada.

<img src='stackoverflow.png'>
<img src='stackoverflow.png' />

La segunda propiedad es más apropiada.

-La etiqueta está vacía y solo contiene atributos. -La etiqueta no tiene etiqueta 'Cierre'.

Entonces,

<img src='stackoverflow.png'>
<img src='stackoverflow.png' />

ambos son correctos también en HTML5.

Es útil tener la etiqueta de cierre si alguna vez intenta leerla con un analizador XHTML. Podría ser un caso marginal, pero lo hago todo el tiempo. No hace daño tenerlo, y significa que sé que podemos usar una serie de lectores XML que no se derrumbarán cuando golpeen una etiqueta abierta.

Si nunca va a intentar analizar el contenido, ignore el cierre.