HTML <image> 元素

已过时
此功能已过时。虽然它可能仍在某些浏览器中工作,但是不鼓励使用,因为它可能随时被删除。尽量避免使用它。

非标准
该功能是非标准的。请尽量不要在生产环境中使用它:因为每个用户不一定会正常运行。它的实现可能存在很大的不兼容性,并且将来可能会改变行为。

HTML <image> 是已经过时的,迷失在时间迷雾中的 HTML 古代版本中遗留下来的元素。请改为使用标准的 <img> 元素。说真的,规范中甚至在描述这个元素时甚至使用了 “不要问” 这个词。

不要使用它! 要显示图片,请使用标准的 <img> 元素。

虽然浏览器会尝试自动将其转换为 <img> 元素,但它并不总是这样做,并且在尝试时并不总是成功,因为可能有各种各样的情况发生。所以如果你喜欢你的用户就不要使用它了。

规范

该元素可能曾经是规范的一部分,但似乎没人记得了。现在它当然不再是了。避免再使用它了。

桌面浏览器兼容性

特性 Chrome Edge Firefox Internet Explorer Opera Safari
基础支持 未知 未知 支持1 未知 未知 未知

移动浏览器兼容性

特性 Android Chrome for Android Edge mobile Firefox for Android IE mobile Opera Android iOS Safari
基础支持 未知 未知 未知 支持1 未知 未知 未知

1. 在 Firefox 22 之前,使用 <image> 元素会错误的生成 HTMLSpanElement 对象,而不是预期的 HTMLElement 对象。

一般来说,浏览器会尝试将这个元素映射到 <img> ,但前提有 src 属性。创建一个没有 src 属性的 <image> 元素,将会产生一个 HTMLElement 对象,并且其本地元素名称为 “image”。但是,如果创建的元素有 src 属性,则结果将变成产生一个 HTMLImageElement 对象,并且其本地元素名称将更改为 “img”。

然而,这并不意味着这是一个好主意。

相关链接

  • <img>:在文档中显示图片的正确方式
  • <picture>:在文档中显示图片的更强大的正确方式