输入默认图像，以防html的src属性无效？

一尘不染

输入默认图像，以防html的src属性无效？

html

<img>万一src属性无效（仅使用HTML），有什么方法可以在HTML 标签中呈现默认图像？如果没有，那么解决该问题的轻量级方法是什么？

阅读 285

2020-05-10

共1个答案

一尘不染

您要求提供 仅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
+的所有浏览器均广泛支持此元素。

*除非再次更改图片的网址，否则您可能会看到替代文字。

2020-05-10