图像alt属性通过css样式表

时间:2011-09-21 12:00:13

标签: html css stylesheet image alt

方法1:

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

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

alt attribute将出于他们的原因有两个:

  1. 使用图片帮助访问者
  2. SEO目的。因此机器人和抓取工具知道图像是什么,即关键字。
  3. 方法2:

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

    HTML

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

    CSS

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

    无论如何都要包含alt属性via,如'方法1'所示,'方法2'用于搜索引擎优化目的。

1 个答案:

答案 0 :(得分:4)

没有

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

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

(有些黑客涉及在元素中包含真实内容,然后在该元素上设置固定尺寸以及背景图像和text-indent: -9999px,但这是丑陋和无意义的(也是相反的)你已经要求了))。