<tag></tag>和<tag /> >在HTML中有什么区别？

Question

可能重复：

Using the XHTML closing slash (/) on normal tags?

Are self-closing tags valid in HTML5?

我正在回顾大量的HTML代码以及合成HTML的JavaScript，我注意到如果标签中有一些没有内容的标记，那么有两种方法来指定它。要么像这样：

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

或者像这样：

<div id="container" />

这两者有什么区别吗？

Answer 1

浏览器将无效标记标准化为有效形式：

<div />在技术上是无效的标记(HTML5)，因为div不是一个自结束标记.

浏览器会将其规范化为<div>。

请注意，这与XML处理自结束标记的方式不同。

自结束标记没有子标记，内部文本没有值(null)：

<foo />

关闭的标签没有子标记，也没有内部文本(空字符串)：

<foo></foo>

Answer 2

<div id="container"/>是编写不包含任何内容的标记的正确方法。通常这些是<img/>、<br/>等。<div>的目的是在它里面包含内容，所以说<div id="container"/>虽然可以接受，但它的可读性似乎更低。

Answer 3

第一个例子是严格的HTML，第二个例子是严格的xHTML。

当您必须指定是否使用HTML5或xHTML时，使用错误的语法会导致验证错误，有时还会导致呈现问题。使用HTML5文档类型会产生差异。

其次，第二个示例是一个自结束标记，在本例中是一个空的div，但是xHTML规范中的许多标记支持这些标记，包括img、link、meta和任何其他空的标记。