web-dev-qa-db-ja.com

HTML5の自動終了タグ（void要素）

HTML5仕様の8.1.2.1開始タグのステップ6は、 void要素 が単一の/を持つ可能性があることを示していますキャラクター。これは、XHTMLであるサイトをHTML5に移行する方が簡単だと思います。

ベストプラクティスは何ですか？

たとえば、HTML5（<!DOCTYPE html>）でWebサイトを作成している場合、どうすればよいですか？

  1. スラッシュなし

    <meta http-equiv="content-type" content="text/html; charset=utf-8">

  2. スラッシュ付き

    <meta http-equiv="content-type" content="text/html; charset=utf-8" />

両方がすべてのブラウザで正しくレンダリングされる場合は、（1）よりHTML5であるため、スラッシュなしが最適であると想定しています。

htmltagselement
30
ma11hew28

ベストプラクティスに関するコンセンサスはなく、仕様の作成者であるIan Hicksonによると、それは問題ではありません。

21
Gaurav

ほとんどの場合、XMLルートを使用するかどうかによって異なります。 HTML5仕様では自動終了タグが必要ないため、どちらも正しくレンダリングされるはずです。唯一の理由は、ドキュメントが有効なXMLであるということです。

より簡単な方法は、マークアップをXMLとして解析する特別な必要性がない限り、おそらく自己終了の「/」なしで書き込むことです。その場合は、

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
16
Shadikka

タグをスラッシュで閉じることは、タグを閉じることを意図していないことを示すより明確な方法です。

15
user99874

Googleは スタイルガイド ：void要素を閉じないことを提案しています。

HTML5（HTML構文）はすべてのHTMLドキュメントに推奨されます... HTMLでも問題ありませんが、void要素を閉じないでください

個人的には、タグをスラッシュで閉じることに慣れており、/>は、タグに終了タグがないことを認識するのに役立ちます。

12
Luke

この記事では、2つのバージョンの違いについて説明します。 http://www.colorglare.com/2014/02/03/to-close-or-not-to-close.html

2つのバージョンは完全に同一です。

実際、voidタグに「/」を追加することは無視された構文エラーであると主張する人もいるかもしれません。

4
enyo