html - 图像替换

Question

我有一个以站点标题/徽标作为背景图像的大 div。使用 z-index 在其后面放置包含站点标题的 h2 标记是否有任何问题，以便显示用户是否由于某种原因无法/没有获取图像？我知道这与标准 [h2 元素的背景] 图像替换不同。（编辑：对不起，也许我没有说清楚 - 我使用的是 div 背景图像而不是 IMG 标签）

Answer 1

您应该使用 img 标签的 alt 属性，因此如果由于某种原因未加载图像，则会出现文本。

这正是存在 alt attr 的原因。

Answer 2

如果可能的话，我会放弃 div 并只使用带有 id 的 h2 并为其设置背景图像。

当我可以使用其他块级元素（如果它只有背景和文本）时，我会尽可能避免过多的 div。带有背景图像的 h* 仍然是标题。

Answer 3

您可以简单地放置带有 alt 属性的 img 标签。这样，如果未加载图像，则会显示文本。

<img src="" alt="This text will be displayed" />

Answer 4

谷歌不喜欢你的描述：

http://www.google.com/support/webmasters/bin/answer.py?answer=66353

不过，从纯粹的设计角度来看，并没有真正的问题，省去一些臃肿的代码。

在尝试任何更改之前，您可能想查看图像失败的频率。

Answer 5

没关系。请注意，许多人认为站点徽标实际上并不是您将其放入 h* 标记中而不是放在主页上的东西，但实际上将其放入 h1 标记中是有意义的。