小编典典

输入默认图像,以防html的src属性无效?

html

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


阅读 311

收藏
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