为什么<img>标签未在HTML中关闭？

Question

为了好奇,为什么< img >标签没有在HTML中关闭？

<img src="smiley.gif" alt="Smiley face" height="42" width="42">

我还注意到< img >标签在XHTML中明确关闭...

<img src="smiley.gif" alt="Smiley face" height="42" width="42"/>

W3Schools: 图片标签

Answer 1

从历史上看,HTML一直基于SGML,允许在某些条件下省略标签.

由于该<img>元素不能包含任何子节点,因此它被定义为EMPTY并且禁止结束标记(因为它没有用处).

XHTML是用XML表示的HTML,XML不支持可选或禁用标记(虽然它允许自闭标记替换开始+结束标记对),因此必须在那里明确地关闭它.

HTML 5向后兼容基于SGML的HTML版本.

Answer 2

该<img>标签代表什么被称为一个空元素(见HTML5规范),所谓的,因为它不能有任何内容(不像,说<a>或<div>).因此,没有语法上的理由为什么它需要在HTML中关闭.

但是,XHTML基于XML,每个标记都需要关闭.

Answer 3

这就是所谓的 void 元素，意思是该元素不能有任何内容（但可以有属性）。 HTML5 规范对 void 元素有这样的说法：

如果元素是空元素之一，或者元素是外来元素，则可能有一个“/”（U+002F）字符。这个字符对空元素没有影响

所以没有真正的理由拥有单个“/”（U+002F）字符，但如果包含它，它不会破坏任何东西。