html - 通过 css 样式表的图像 alt 属性

Question

方法一：

传统上，我会包含这样的图像：

<img src="image.png" alt="image" />

这alt attribute将是他们的两个原因：

1. 用图像帮助访客
2. 搜索引擎优化的目的。所以机器人和爬虫知道图像是什么，即关键字。

方法二：

但是，如果我要通过 css 样式表包含图像：

HTML

<div class="image"></div>

CSS

.image {
background-image: url(images/products_partitioning.png);
}

无论如何，在“方法 1”中看到的 alt 属性是否包含在“方法 2”中以用于 SEO 目的。

Answer 1

不。

如果图像是背景图像，那么它具有替代内容是没有意义的（因为根据定义，它不是内容）。

如果图像不是背景图像，则应通过<img>元素而不是 CSS 包含它。

（有一些技巧涉及在元素中包含真实内容，然后在该元素上设置固定尺寸以及背景图像和text-indent: -9999px，但这很丑陋且没有语义（也与您所要求的相反））。