8

添加 null alt="" 有什么好处？是只是通过验证还是有更多的理由

应该怎么写？

像这样，没有空间

alt=""

或者这个有一个空格

alt=" "
4

4 回答 4

6

让您的 XHTML 得到验证。alt 是图像的必需属性。

然而，将其添加为空是程序员懒惰的标志（尽管我承认我也为那些对站点导航不是关键的图像（如小装饰元素等）执行此操作）。

PS 如果你有像阴影组件这样的装饰元素，某些装饰品你可以添加它们而不是图像，而是作为 CSS 背景，从而避免编写替代文本并保持你的标记清洁非内容的东西。

于 2010-01-28T09:54:27.660 回答
5

其他答案指出了标准中的要求。这是一个实际的例子：

给定空白替代文本，lynx 将呈现：

如果缺少 alt 属性，lynx 将呈现：

文件名.jpg

您不希望您的内容有不相关的文件名分散在各处。

于 2010-01-28T10:12:06.710 回答
3

对于没有合适的替代文本的图像（即不带有任何语义的图片，例如装饰元素），该alt属性应该为空。空意味着空，不是一个空格（这是一种约定和建议，但很好）。

alt必须为IMGandAREA元素指定属性。INPUT和APPLET元素是可选的。

虽然替代文本可能非常有用，但必须小心处理。作者应遵守以下准则：

  • 当包含用于格式化页面的图像时，不要指定不相关的替代文本，例如，alt="red ball"对于添加红球来装饰标题或段落的图像是不合适的。在这种情况下，替代文本应该是空字符串 ("")。在任何情况下都建议作者避免使用图像来格式化页面；应该改用样式表。
  • 不要指定无意义的替代文本（例如，“虚拟文本”）。这不仅会使用户感到沮丧，还会减慢必须将文本转换为语音或盲文输出的用户代理。

实施者应查阅关于可访问性的部分，以获取有关如何处理省略替代文本的情况的信息。

—<a href="http://www.w3.org/TR/html401/struct/objects.html#adef-alt" rel="nofollow noreferrer">HTML 4 规范。第 13.8 节 如何指定替代文本

于 2010-01-28T09:57:53.753 回答
0

我也会将此添加为答案（最初是对另一个答案的评论），因为这样做很有意义。

用于设置页面样式的图像（因此没有真正的“alt”用法）应该通过 CSS 和 background-image 及其亲属插入，而不是通过标记插入。这样你就可以同时做两件好事。您将设计保留在样式表中，并将无语义代码保留在页面之外。

尽管我确实认为“语义就是上帝”运动没有看到 div 和 span 的失败，以及它们产生的固有歧义，但我仍然认为带有 background-image 的 div 比用于样式的 img 标签更好。

于 2010-01-28T10:10:46.110 回答