W3C 勧告：HTML5における非 void 要素の自己終了タグ

HTML5 で非 void 要素の自己終了タグは有効ですか？

詳細:

HTML5 では、void 要素 と 非 void 要素 の 2 種類の要素があります。

• void 要素:
  • <br>、<hr>、<img> など
  • これらの要素は、開始タグのみを持ち、終了タグは必要ありません。

非 void 要素 で自己終了タグを使用することは 構文的には有効 です。

<p/>

しかし、推奨されません。

理由:

• 自己終了タグは、古いバージョンの HTML でのみ必要でした。
• HTML5 では、省略記法 を使用して、非 void 要素の終了タグを省略できます。
• 自己終了タグを使用すると、コードが読みづらくなります。

推奨される書き方:

<p>ここにテキスト</p>

例外:

一部の非 void 要素は、属性 によって自己終了タグが必要になる場合があります。

• <input> 要素: type="image" の場合
• <textarea> 要素
• <select> 要素: multiple の場合

これらの要素の場合、自己終了タグを使用する必要があります。

補足:

• W3C の検証ツールでは、自己終了タグを使用してもエラーにはなりません。
• 多くのブラウザは、自己終了タグを認識して正しく表示します。

HTML5 で非 void 要素の自己終了タグを使用することは 構文的には有効 ですが、推奨されません。省略記法を使用して、終了タグを省略することをおすすめします。

<p/>
<div/>
<span/>

<p>ここにテキスト</p>
<div>ここにコンテンツ</div>
<span>ここにテキスト</span>

<input type="image" />
<textarea></textarea>
<select multiple></select>

非 void 要素の終了タグを省略する他の方法

HTML5 では、非 void 要素の終了タグを省略するために、省略記法 を使用できます。

<p>ここにテキスト</p>
<div>ここにコンテンツ</div>
<span>ここにテキスト</span>

XHTML 構文では、すべての要素に終了タグが必要です。

<p>ここにテキスト</p>
<div>ここにコンテンツ</div>
<span>ここにテキスト</span>

<p>ここにテキスト</p>
<div>ここにコンテンツ</div>
<span>ここにテキスト</span>

注意事項:

• 省略記法は、HTML5 でのみ使用できます。
• XHTML 構文と XML 構文は、HTML5 では推奨されません。