如:
<img style="width:500px;height:150px;background:url(data:image/png;base64,BLAH)" />
我的应用程序显示授权书，然后显示 Canvas 。 Canvas 允许触摸/鼠标事件，用户可以在上面签名。然后保存 HTML 和签名。客户要求将这些保存到一个文件中，这样他们就不会在将来得到不匹配的签名 PNG 文件和 HTML 文本文件。
因此，虽然我不喜欢这种方法的外观，但它似乎在 Chrome 甚至 IE 中都能正常工作，并且它解决了客户只需存储一个具有签名授权的文件的要求。
我的问题是 - 这是合法的 HTML 还是 Chrome 对我很好？
最佳答案
引用OP:
<img style="width:500px;height:150px;background:url(data:image/png;base64,BLAH)" />
“我的问题是 - 这是合法的 HTML 吗？”
没有。根据the W3C HTML spec ，src 属性“必须存在”。
为什么不将您的 img 更改为 div？
<div style="width:500px;height:150px;background:url(data:image/png;base64,BLAH)"></div>
一般来说，任何关于 HTML 有效性的问题都应该在到达 SO 之前通过在线验证器提出:http://validator.w3.org/
关于css - 在 HTML 文件中存储图像是否有效？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12485136/