html - 如果您有带连字符的描述性文件名，是否需要图像 'alt' 属性？

Question

我写了包含连字符的描述性文件名，例如 src="yellow-apple-half-eaten.jpg" .

我真的还需要写 alt="Yellow apple half eaten" 吗？ ？

此外，如果您使用的是 <figure><figcaption>标签你真的还需要<alt=""> ？

当我有数百张图像时，这是一个很大的麻烦。例如，我是否应该麻烦编写一个 PHP 脚本来用空格替换连字符，或者这不是必需的？我正在使用 HTML5。

Answer 1

如果你没有alt内容，你最好有一个描述性的文件名，而不是一个神秘的文件名，因为一些用户代理可能会使用这个文件名，如果他们没有别的东西可以使用的话。

但是，这并不意味着您可以或应该省略 alt属性:

• alt属性是必需的( with exceptions ；另见下文)。

• 如果没有 alt，并非所有用户代理都使用文件名.

  HTML5 不建议用户代理在这种情况下使用文件名，请参阅 img 下的部分:“如果设置了 src 属性而未设置 alt 属性”。

  也不应该 markup generators这样做(尽管它似乎不适用于您的情况):

  Markup generators should generally avoid using the image's own file name as the text alternative.

• 图像的文件名不一定是好的 alt内容(不是你在图片上看到的，而是它在上下文中的目的，这可能非常不同)。

• 阅读“yellow-apple-half-eaten.jpg”而不是“Half-eaten yellow apple”甚至“Yellow apple half eaten”对用户来说不是很友好。

---

如果您无法提供 alt内容，但您可以提供某种标题，其中一个异常(exception)可能与您相关:

您可以省略 alt如果您使用 figure 属性带有 figcaption 的元素(用于图片说明)。查看conditions .