是嵌入图像标题的标签？

Question

只是想知道为什么我们需要</img>？

例如，<img src="myurl.com/pic.gif" />足以显示图片，但我们也可以这样做：

<img src="myurl.com/pic.gif"> This is my image</img>，然后它会在图片旁边显示“这是我的图片”文字。

所以我的问题是：

是嵌入图像标题的标签吗？

但我们可以做同样的事情：

<img src="myurl.com/pic.gif" /> This is my Image.

Answer 1

如果您尝试将此代码放入HTML5验证程序，它会说它无效，并且不需要结束标记</img>。你是对的，你需要的只是<img ... />。

过去，所有代码都声明为<tag></tag> 在XHTML中，您可能会看到<img></img>，但代码之间不会显示任何内容。

所以你是对的，你应该只使用<img .../> Some Text Here来显示任何图像旁边的文字。

Answer 2

根据HTML 4.01标准，它是空元素：http://www.w3.org/TR/1999/REC-html401-19991224/struct/objects.html#h-13.2

  

IMG元素没有内容（...）

此外，除非使用XHTML（<img>而非<img/>），否则不应关闭它。

Answer 3

  

只是想知道为什么我们需要</img>？

你没有。 img是一个EMPTY元素。 HTML中禁止使用结束标记。

在XHTML中，您可以使用<img></img>或<img />（HTML兼容XHTML需要后一种语法），但您可能没有<img>和</img>之间的内容。

  

<img src="myurl.com/pic.gif"> This is my image</img>，然后它会显示文字＆＃34;这是我的图片＆＃34;在图片旁边。

就浏览器而言，这意味着：

1. 启动img元素
2. img元素有一个禁止的结束标记，所以也是img的结尾
3. 一些文字
4. 忽略的无效结束标记

Answer 4

不幸的是，在img标记中，您无法设置将出现在图像旁边的标题。

只有标题，这将是图像和alt上方的工具提示文本，如果获取图像有问题，将显示。