可以<;图>;html5中的标签可用于背景图像?

可以<;图>;html5中的标签可用于背景图像?,html,accessibility,Html,Accessibility,我开始阅读html5,我正在努力做一个项目,这样我就可以看到事情是如何运作的。我知道标签可以这样使用: <figure id="car"> <img src="img/car.jpg" alt="the car"> <p>The car</p> </figure> <figure id="car"> <pre></pre> <!-- add image from css --

我开始阅读html5,我正在努力做一个项目,这样我就可以看到事情是如何运作的。我知道标签可以这样使用:

<figure id="car">
   <img src="img/car.jpg" alt="the car">
   <p>The car</p>
</figure>
<figure id="car">
   <pre></pre> <!-- add image from css -->
   <p>The car</p>
</figure>

汽车

虽然我需要有6个这样的图形,所以我想使用精灵和(除非我不知道什么重要的)精灵只有在我添加图像宽度css(背景图像)时才工作。所以我要做的是:


汽车

我能用那样的数字标签吗


非常感谢

这取决于你的目的。如果只是为了装饰,当然!否则“不适用于任何传达信息或提供功能的图像,或主要用于创建特定感官体验的图像。”


许多开发人员忽略了这一点,因为解决方案往往比不担心可访问性问题更复杂

figure和figcaption元素的语义目的相当明确。如果您不关心语义,那么就没有什么理由使用它们。div可以正常工作。以下是应如何使用该图:


一种描述,可以具体描述图像,也可以不具体描述图像,并伴随文章中的内容。

编辑:我应该提到的是,一个有背景的pre可能不会被使用,也不会帮助人们使用屏幕阅读器。搜索引擎机器人的响应也可能不同,这可能对您不利。

您的用例就是创建
对象匹配的原因


如果它只是为了装饰,那么它就不是一个
。我使用它的理由是正确的,我只是觉得这样更好,只是为了从使用spritesQuentin中节省一点请求时间,我不反对,但我客观地阅读了他在描述css sprites使用时对数字的使用。:)
<figure>
  <img src="/image.jpg" alt="A description of what this image is">
  <figcaption>A description that may or may not describe the image specifically and accompanies content from within the article.</figcaption>
</figure>
img {
    object-fit: cover;
}