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