私は最近、大規模なWebサイトがHTML5ページをどのように構成しているかをよりよく理解するために、多数のサイトを調べてきました。
私は彼らがする傾向があることに気づきました
<script src="test.js"></script>
それ以外の
<script src="test.js" />
しかし、
<link rel="stylesheet" href="test.css"/>
それ以外の
<link rel="stylesheet" href="test.css"></link>
このテクニックブログでもそうしていますが、なぜこれが好ましいデザインスタイルなのですか？
これは、Web が標準化されており、標準に従って可能なこととそうでないことがあるからです。一部の要素は自然に空であり、他の要素はそうでないという背後にあるロジックがあります。
スクリプト要素には、開始タグと終了タグの両方が必要です。
だからあなたは持つことができません
<script src="test.js" />
link 要素は void 要素です。リンク要素には開始タグが必要ですが、終了タグは必要ありません。
link内容を持てない要素が書ける
<link rel="stylesheet" href="test.css"/>
または（XHTMLを記述しようとしない場合ははるかに優れています）
<link rel="stylesheet" href="test.css">
HTML 標準 によると、タグには終了タグが必要でscriptあり、自己終了タグにすることはできません。
link自己終了タグは、 タグやタグなど、HTML で終了タグを必要としないタグに対して XHTML で使用されinputます。
HTML には、常に自己終了するタグがあります。例えば、
<hr>Some content here</hr>
意味がありません。同様に、セルフクローズできないタグがあります。タグもその一つです。
自己終了タグがない理由についてはよくわかりませんが、その理由は、タグが常に内部にコードを含めることを意図していたという事実に起因する可能性があります。