<img>万一src属性无效(仅使用HTML),有什么方法可以在HTML 标签中呈现默认图像?如果没有,那么解决该问题的轻量级方法是什么?
<img>
src
您要求提供 仅HTML的 解决方案…
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <title>Object Test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <p> <object data="http://stackoverflow.com/does-not-exist.png" type="image/png"> <img src="https://cdn.sstatic.net/Img/unified/sprites.svg?v=e5e58ae7df45" alt="Stack Overflow logo and icons and such"> </object> </p> </body> </html>
由于第一个图像不存在,因此将显示后备(此网站上使用的sprites *)。如果您使用的是 真正 的老的浏览器不支持object,它会忽略该标签和使用img标签。有关兼容性,请参见caniuse网站。截至2018年,ie6 +的所有浏览器均广泛支持此元素。
object
img
*除非再次更改图片的网址,否则您可能会看到替代文字。