（非voidではない）自己終了タグはHTML5で有効ですか？

W3Cのバリデータは、自己終了タグ（持つものそのため、「好きではない/>の「）非空要素。（Void要素とは、コンテンツを一切含まない可能性がある要素です）。HTML5でも有効ですか？

受け入れられる void要素の例：

<br />
<img src="" />
<input type="text" name="username" />

拒否された非void要素の例：

<div id="myDiv" />
<span id="mySpan" />
<textarea id="someTextMessage" />

_{注：
W3Cバリデーターは実際にはvoid自己終了タグを受け入れます。作成者は元々、単純なタイプミス（の\>代わり/>）のために問題がありました。ただし、HTML 5では一般に自己終了タグは100％有効ではありません。回答は、さまざまなHTMLフレーバーにわたる自己終了タグの問題について詳しく説明しています。}

• ではHTML 4、<foo /（YES、NOと>手段の全てで）<foo>（につながる<br />という意味<br>>（つまり<br>&gt;）と<title/hello/の意味<title>hello</title>）。これはSGMLルールであり、ブラウザはサポートの非常に貧弱な作業を行いました。仕様では、構文を避けるように作成者にアドバイスしています。

• ではXHTML、<foo />意味<foo></foo>。これは、すべてのXMLドキュメントに適用されるXMLルールです。とは言っても、XHTMLはtext/html（歴史的には）として提供されるドキュメントとは異なるパーサーを使用してブラウザーによって処理されるものとして提供されることがよくありますapplication/xhtml+xml。W3Cは、XHTMLについて従うべき互換性ガイドラインを提供していますtext/html。（基本的に、要素がEMPTYとして定義されている場合（および終了タグがHTML仕様で禁止されている場合）は、自己終了タグ構文のみを使用します）。

• ではHTML5、の意味は、<foo /> 要素の種類によって異なります。

  • void要素として指定されたHTML要素（基本的に「HTML5より前に存在し、コンテンツを含めることが禁止されている要素」）では、終了タグは単に禁止されます。開始タグの末尾にスラッシュを使用できますが、意味がありません。これは、XMLにハマっている人（および構文強調表示機能）にとっては単なる構文上の砂糖です。
  • 他のHTML要素では、スラッシュはエラーですが、エラーが回復すると、ブラウザーはそれを無視してタグを通常の開始タグとして扱います。これは通常、終了タグが欠落し、後続の要素が兄弟ではなく子になる原因になります。
  • 外部要素（SVGなどのXMLアプリケーションからインポートされる）は、それを自己終了構文として扱います。

Nikita Skvortsovが指摘したように、自己終了divは検証されません。これは、divがvoid要素ではなく通常の要素だからです。

HTML5仕様によると、コンテンツを含めることができないタグ（void要素と呼ばれます）は自己終了することができます*。これには次のタグが含まれます。

area, base, br, col, embed, hr, img, input, 
keygen, link, meta, param, source, track, wbr

「/」上記のタグの上に完全に任意であるが、しかし、それほど<img/>の違いはありません<img>が、<img></img>無効です。

*注意：外来要素も自己完結する可能性がありますが、これはこの回答の対象ではないと思います。

実際には、HTMLで自己終了タグを使用すると、期待どおりに機能するはずです。ただし、有効な HTML5の記述に関心がある場合は、使用できる2つの異なる2つの構文形式でそのようなタグの使用がどのように機能するかを理解する必要があります。HTML5は、HTML構文とXHTML構文の両方を定義します。これらは類似していますが同一ではありません。どちらを使用するかは、Webサーバーから送信されるメディアタイプによって異なります。

多くの場合、ページはとして提供されtext/html、より寛大なHTML構文に従います。このような場合、HTML5では、特定の開始タグに、終了の前にオプションの/を付けることができます。これらの場合、/はオプションで無視されるため<hr>、および<hr />は同じです。HTML仕様では、これらの「void要素」を呼び出し、有効な要素のリストを提供しています。厳密に言うと、オプションの/は、これらのvoid要素の開始タグ内でのみ有効です。例えば、<br />かつ<hr />有効なHTML5ですが、<p />ではありません。

HTML5仕様では、HTML作成者とWebブラウザ開発者にとって何が正しいかを明確に区別しています。2番目のグループは、あらゆる種類の無効な「レガシー」構文を受け入れる必要があります。この場合、HTML5準拠のブラウザは、のような不正な自己クローズタグを受け入れ、<p />予想どおりにレンダリングすることを意味します。しかし、著者にとって、そのページは有効なHTML5ではありません。（さらに重要なことは、あなたが不正な構文のこの種を使用してから取得するDOMツリーが真剣にめちゃくちゃにすることができ、自己閉じ<span />タグは、例えば、アップ混乱物事に傾向がたくさん）。

（サーバーがXHTMLファイルをXML MIMEタイプとして送信する方法を知っている珍しいケースでは、ページはXHTML DTDおよびXML構文に準拠する必要があります。つまり、そのように定義された要素には自己終了タグが必要です。）

HTML5は基本的に、末尾のスラッシュがないかのように動作します。HTML5構文には、自己終了タグなどはありません。

• などの非void要素の自己終了タグは<p/>、<div/>まったく機能しません。末尾のスラッシュは無視され、これらは開始タグとして扱われます。これは、入れ子の問題につながる可能性があります。

  これは関係なく、空白文字がスラッシュの前に存在するかどうかの事実である。<p />そして<div />また、同じ理由で動作しません。

• 上のタグを自己閉じ、ボイドなどの要素<br/>もしくは<img src="" alt=""/> ます動作しますが、最後のスラッシュは無視されているために、正しい行動をもたらすことが起こり、この場合には

その結果、古い「XHTML 1.0はtext / htmlとして提供されていました」で機能したものは、以前と同じように機能し続けます。非voidタグの末尾のスラッシュも受け入れられませんでしたが、void要素の末尾のスラッシュは機能しました。

もう1つ注意：HTML5ドキュメントをXMLとして表すことが可能であり、これは「XHTML 5.0」と呼ばれることもあります。この場合、XMLのルールが適用され、自己終了タグが常に処理されます。常にXML MIMEタイプで提供する必要があります。

自己終了タグはHTML5では有効ですが、必須ではありません。

<br>そして<br />両方とも大丈夫です。

この例が示すように、自己終了タグには非常に注意します。

var a = '<span/><span/>';
var d = document.createElement('div');
d.innerHTML = a
console.log(d.innerHTML) // "<span><span></span></span>"

<span></span><span></span>代わりに私の直感は

ただし、これは無効です。

<address class="vcard">
  <svg viewBox="0 0 800 400">
    <rect width="800" height="400" fill="#000">
  </svg>
</address>

そして、ここのスラッシュはそれを再び有効にします：

    <rect width="800" height="400" fill="#000"/>