如何阻止破碎的图像显示

Question

我有一张桌子,上面有一些想要开始的图片,里面没有图片.我设置了src ="".但是当在浏览器中查看时,它显示了破碎的图像.

<tr>
<td><img src=""> </td>
<td><img src=""> </td>
<td><img src=""></td>
</tr>

在将某些数据放入src属性之前,如何阻止浏览器显示损坏的图像pics或X等等.

Answer 1

添加此内联事件处理程序,

<img src="broken.png" onerror="this.style.display='none'" />

Answer 2

非常简单的答案是使用空值添加alt属性

<img src="" alt="" width="50" height="50"/>

宽度和高度是可选的

Answer 3

只是不要把那些img元素放在那里.它们没有语义价值.此外,您应该阅读这篇文章:空图像src可以在NCZOnline上销毁您的网站

我想你无论如何都要用Javascript改变图像源.img如果还没有,则应该在单元格中添加一个(请参阅MDC appendChild()页面中的示例).

(另一个更丑陋的解决方案是默认隐藏图像(style="display: none;"),如果他们得到了,只能用Javascript显示它们src.但你应该做第一个.)

Answer 4

不要使用没有任何意义的图像。

您可以将它们设置为不可见（如果属性中有任何内容src，即使它是一个错误的 URL，也不会起作用）：

img[src=''] 
{
  display: none;
}

但正如我已经说过的，如果您没有显示图像，请不要将标签放在页面上。