空白的.gif与背景图像显示图标 - 语义含义？

Question

在this文章中，介绍了一种嵌入图标的有趣技巧：

<img src="blank.gif" class="chromium">

.chromium {
  background:url(//ssl.google.com/imagepath.png) no-repeat;
  width:250px;
  height:250px;
}

  

以上“谷歌”技术我喜欢向其他人解释为带有背景图像的透明窗口图像，基本上你是通过透明图像来查看背景图像。

基本上，透明.gif嵌入为内嵌图像。使用图像标签上的类，背景图像＆amp;尺寸应用

现在我的问题是：为什么有人会这样做？

据我所知，这意味着内联图像的语义含义，但仍然允许使用精灵来显示图标。

所以也许标记这样的东西可能是有用的，其中使用的图标仍与内容相关，通常以更抽象的方式：

仍然我真的不明白 - 在没有透明.gif的情况下使用背景图片的图标是否有任何语义优势？

请注意，图片代码缺少alt属性，但我不想更改引用的代码段。

Answer 1

不，没有语义优势，我可以看到。

img没有id使其独特，也没有alt来描述内容。内容并没有传达任何意义。

如果他已经包含了alt或id，那么这项技术可能会说些什么。但即使这样，它仍然会有浪费带宽的缺点，不得不加载两个图像文件而不是一个。