5

重複の可能性:
通常のタグで XHTML の終了スラッシュ (/) を使用していますか?
自己終了タグは HTML5 で有効ですか?

私は多くの HTML コードと、HTML を合成する JavaScript を検討しています。タグ内にコンテンツのないタグがある場合、それを指定する方法は 2 つあります。次のようにします。

<div id="container"></div>

またはこのように：

<div id="container" />

両者に違いはありますか？

4

3 に答える 3

6

ブラウザーは、無効なマークアップを有効な形式に正規化します。

<div />は技術的に無効なマークアップ (HTML 5) でdivあり、自己終了タグではありません。

ブラウザはそれを に正規化し<div>ます。

これは、 XMLが終了タグと比較して自己終了タグを処理する方法とは異なることに注意してください。

自己終了タグには子がなく、内部テキストの値もありません (null):

<foo />

閉じたタグには子も内部テキストもありません (空の文字列):

<foo></foo>
于 2012-05-23T19:06:11.763 に答える
-1

<div id="container"/>コンテンツを含まないタグを記述する適切な XHTML の方法です。通常、これらは<img/>、<br/>などです。 <div>はその中にコンテンツを含めることを意図しているため<div id="container"/>、 は受け入れられますが、読みにくいようです。

于 2012-05-23T19:02:15.483 に答える
-2

最初の例は厳密な HTML で、2 番目の例は厳密な xHTML です。

HTML5 以前では、HTML と xHTML のどちらを使用しているかを指定する必要がありましたが、間違った構文を使用すると検証エラーが発生し、レンダリングの問題が発生することがありました。HTML5 doctype を使用すると、違いがなくなります。

次に、2 番目の例は自己終了タグの 1 つで、この場合は空divの ですが、xHTML 仕様の多くのタグは、 、 、 、その他の空のタグを含めてそれをサポートしてimgいlinkますmeta。

于 2012-05-23T19:00:26.230 に答える