Como fechar a tag <img> corretamente?

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

Qual deles está correto?

<img src='stackoverflow.png' />

Funciona bem e fecha a etiqueta corretamente. É melhor adicionar o altatributo para pessoas com deficiência visual.

Este é HTML5 válido e é absolutamente bom sem fechá-lo. É o chamado elemento vazio:

<img src='stackoverflow.png'>

A seguir estão as tags XHTML válidas. Eles têm que estar fechados. O último também é bom no HTML 5:

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

Na verdade, apenas o primeiro é válido em HTML5

<img src='stackoverflow.png'>  

Apenas os dois últimos são válidos em XHTML

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

(Embora não seja estritamente necessário, alttambém deve ser incluído um atributo _).

Dito isto, sua página HTML5 provavelmente será exibida como pretendido, porque os navegadores reescreverão ou interpretarão seu html da maneira que eles pensam que você quis dizer. Isso pode significar que ele transforma uma tag, por exemplo,
<div />em <div></div>. Ou talvez apenas ignore a barra final <img ... />.
consulte 2016: sirva HTML5 como XHTML 5.0 para validação herdada.
veja: discussão de 2011 e links adicionais aqui, embora com o tempo alguns bits possam ter mudado

Em parte, isso ocorre porque os navegadores tentam muito corrigir os erros. Além disso, porque há muita confusão sobre tags de fechamento automático e tags nulas. Finalmente, as especificações foram alteradas ou nem sempre foram claras e os navegadores tentam ser compatíveis com versões anteriores.

Portanto, embora você possa se dar bem com qualquer uma das três opções,
apenas a primeira segue o padrão HTML5 e é garantida a aprovação de um validador HTML5.

Uma estratégia sólida pode ser:

• Escreva um novo código sem a barra de fechamento.
• Ao refazer o código, atualize as tags de imagem próximas, conforme você as encontra.
• Não se preocupe excessivamente com as tags nos arquivos herdados que você não toca, a menos que surja uma necessidade específica.

Aqui está uma lista de tags que não devem ser fechadas no HTML5 :

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

O melhor uso de tags que você deve usar:

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

Além disso, você pode usar em HTML5:

<img src="" alt="">

Esses dois são completamente válidos no HTML5 Escolha um deles e fique com ele.

A resposta certa. O HTML5 segue regras rígidas e, no HTML5, podemos fechar todas as tags. Portanto, depende de você usar HTML5 ou HTML e seguir uma resposta apropriada.

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

A segunda propriedade é mais apropriada.

-A tag está vazia e contém apenas atributo. -A tag não possui a tag 'Closing'.

Assim,

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

ambos estão corretos no HTML5 também.

É útil ter a tag de fechamento se você tentar lê-la com um analisador XHTML. Pode ser um caso extremo, mas faço isso o tempo todo. Isso não prejudica tê-lo, e significa que sei que podemos usar uma variedade de leitores XML que não se perderão quando atingirem uma marca não fechada.

Se você nunca vai tentar analisar o conteúdo, ignore o fechamento.