<img>タグを適切に閉じる方法は？

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

どれが正しいですか？

<img src='stackoverflow.png' />

正常に動作し、タグを適切に閉じます。alt視覚障害者のための属性を追加するのが最善です。

これは有効なHTML5であり、閉じなくても問題ありません。いわゆるvoid要素です。

<img src='stackoverflow.png'>

以下は有効なXHTMLタグです。彼らは閉じられなければならない。後者はHTML 5でも問題ありません。

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

実際、最初の1つだけがHTML5 で有効です

<img src='stackoverflow.png'>  

最後の2つだけがXHTMLで有効です

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

（厳密には必須ではありませんが、alt属性_usually_も含める必要があります）。

そうは言っても、ブラウザーはHTMLを意図したとおりに書き換えたり解釈したりするため、HTML5ページは意図したとおりに表示されます。それはあり、それから、例えば、タグを回すわけ
<div />に<div></div>。あるいは、の最後のスラッシュを無視するだけかもしれません<img ... />。
レガシー検証については、2016：XHTML 5.0としてHTML5を提供するを参照してください。
参照：2011年のディスカッションと追加リンクはここにありますが、時間の経過とともに一部が変更された可能性があります

これは、ブラウザがエラーの修正に非常に努力しているためです。また、自己終了タグとvoidタグについて多くの混乱があるためです。最後に、仕様が変更されたか、常に明確ではなかったため、ブラウザは下位互換性を維持しようとします。

したがって、おそらく3つのオプションのいずれかを使用
して回避できますが、最初のオプションのみがHTML5標準に準拠しており、HTML5バリデーターを渡すことが保証されています。

適切な戦略は次のとおりです。

• 終了スラッシュなしで新しいコードを記述します。
• コードをリファクタリングするときは、それらに出くわしたときに、近くのイメージタグを更新します。
• 特に必要がない限り、触れないレガシーファイルのタグについて過度に心配しないでください。

HTML5で閉じてはいけないタグのリストを次に示します。

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

使用する必要があるタグの最適な使用方法：

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

また、HTML5で使用できます。

<img src="" alt="">

これら2つはHTML5で完全に有効です。どちらか1つを選んでそのまま使用してください。

どちらも正しい答えです。HTML5は厳格なルールに従っており、HTML5ではすべてのタグを閉じることができます。したがって、HTML5またはHTMLを使用し、適切な回答に従うかどうかは、あなた次第です。

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

2番目のプロパティがより適切です。

-タグが空で、属性のみが含まれている。-タグに 'Closing'タグがありません。

そう、

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

どちらもHTML5でも正しいです。

XHTMLパーサーでこれを読み込もうとする場合は、終了タグがあると便利です。エッジケースかもしれませんが、私はいつもそれをします。これを使用しても害はありません。つまり、XMLリーダーの配列を使用して、閉じられていないタグにヒットしたときにキールしないようにできることを知っています。

コンテンツを解析しようとしない場合は、クローズを無視してください。