图片标签关闭

Question

如何在HTML中关闭图片代码？

<img src="#"></img>

或

<img src="#" />

或

 <img src="#">

Answer 1

xhtml中的

：

<img src="#" alt="some explaining" />

结束/是为了向后兼容

html5中的

<img src="#" alt="some explaining">

不再需要关闭<img>标记，（浏览器知道它是自动关闭的）

更多信息：http://www.w3.org/TR/html5/embedded-content-0.html#the-img-element（感谢Chris）

Answer 2

根据此HTML5标准：http://www.w3.org/TR/html-markup/syntax.html#void-element

  

开始标记由以下部分组成，具体如下   顺序：

     

  
1. A“＆lt;”字符。
  
2. 元素的标记名称。
  
3. （可选）一个或多个属性，每个属性必须以一个或多个空格字符开头。
  
4. （可选）一个或多个空格字符。
  
5. 可选地，“/”字符，仅当元素是void元素时才存在。
  
6. A“＆gt;”字符。
  

img是 void 元素，因此第5部分将适用于“ a'/'字符的警告，可能出席...... “

<img id="..." src="..." />

所以，你 可以 省略＃5部分，即结束“/”，因此这也是有效的：

<img id="..." src="..." >

规格进一步说明：

  

Void元素只有一个开始标记;不得指定结束标记   对于虚空元素。

因此，不需要结束标记。

Answer 3

HTML 4.01及更早版本：

<img> <!-- end tag forbidden -->

XHTML

<img/> <!-- self closing tag syntax -->
<img></img>

HTML Compatible XHTML

<img /> <!-- self closing tag syntax with a space -->

HTML 5

<img> <!-- end tag forbidden -->
<img /> <!-- end tag forbidden but a / allowed for people addicted to XML -->

Answer 4

像这样：

<img src="#" />

图片代码不能包含任何内容，但您需要在HTML4中将其关闭。在HTML5中，这不再是必需的。

那么这也是允许的：

<img src="#">

Answer 5

这是一个空元素，因此您可以像这样关闭开始标记

<img src="YOUR_FILE"/>

或 你甚至不能像这样关闭它

<img src="YOUR_FILE">