Wie schließe ich das <img> -Tag richtig?

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

Welches von ihnen ist richtig?

<img src='stackoverflow.png' />

Funktioniert einwandfrei und schließt das Tag ordnungsgemäß. Fügen Sie am besten das altAttribut für Personen mit Sehbehinderung hinzu.

Dieser ist gültiges HTML5 und es ist absolut in Ordnung, ohne es zu schließen. Es ist ein sogenanntes Leerelement:

<img src='stackoverflow.png'>

Das Folgende sind gültige XHTML-Tags. Sie müssen geschlossen werden. Letzteres ist auch in HTML 5 in Ordnung:

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

Tatsächlich ist nur der erste in HTML5 gültig

<img src='stackoverflow.png'>  

Nur die letzten beiden sind in XHTML gültig

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

(Obwohl nicht stricly erforderlich, ein altsollten Attribut _usually_ auch enthalten sein).

Das heißt, Ihre HTML5-Seite wird wahrscheinlich wie beabsichtigt angezeigt, da Browser Ihr HTML so umschreiben oder interpretieren, wie es Ihrer Meinung nach gemeint ist. Das kann bedeuten, dass ein Tag beispielsweise von
<div />in verwandelt wird <div></div>. Oder vielleicht ignoriert es einfach den letzten Schrägstrich <img ... />.
Siehe 2016: HTML5 als XHTML 5.0 für die Legacy-Validierung bereitstellen.
siehe: 2011 Diskussion und zusätzliche Links hier, obwohl sich im Laufe der Zeit einige Bits geändert haben können

Dies liegt zum Teil daran, dass Browser sich sehr bemühen, Fehler zu korrigieren. Auch, weil es viel Verwirrung über selbstschließende Tags und leere Tags gibt. Schließlich hat sich die Spezifikation geändert oder war nicht immer klar, und Browser versuchen, abwärtskompatibel zu sein.

Während Sie wahrscheinlich mit einer der drei Optionen davonkommen können, entspricht
nur die erste dem HTML5-Standard und besteht garantiert einen HTML5-Validator.

Eine vernünftige Strategie könnte sein:

• Schreiben Sie neuen Code ohne den abschließenden Schrägstrich.
• Aktualisieren Sie beim Re-Factoring von Code Bild-Tags in der Nähe, während Sie auf sie stoßen.
• Sorgen Sie sich nicht zu sehr um Tags in Legacy-Dateien, die Sie nicht berühren, es sei denn, es besteht ein besonderer Bedarf.

Hier ist eine Liste von Tags, die in HTML5 nicht geschlossen werden sollten :

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

Die beste Verwendung von Tags, die Sie verwenden sollten:

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

Sie können auch in HTML5 verwenden:

<img src="" alt="">

Diese beiden sind in HTML5 vollständig gültig. Wählen Sie eine davon aus und bleiben Sie dabei.

Beides die richtige Antwort. HTML5 folgt strengen Regeln und in HTML5 können wir alle Tags schließen. Es hängt also von Ihnen ab, HTML5 oder HTML zu verwenden und eine entsprechende Antwort zu befolgen.

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

Die zweite Eigenschaft ist angemessener.

-Das Tag ist leer und enthält nur Attribute. -Das Tag hat kein "Closing" -Tag.

So,

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

beide sind auch in HTML5 korrekt.

Es ist hilfreich, das schließende Tag zu haben, wenn Sie jemals versuchen werden, es mit einem XHTML-Parser zu lesen. Könnte ein Randfall sein, aber ich mache es die ganze Zeit. Es schadet nicht, es zu haben, und ich weiß, dass wir eine Reihe von XML-Readern verwenden können, die nicht umkippen, wenn sie auf ein nicht geschlossenes Tag treffen.

Wenn Sie niemals versuchen werden, den Inhalt zu analysieren, ignorieren Sie das Schließen.