web前端:img标签alt属性什么情况留空？

在图片已经有了文字说明，或者仅仅为了美化页面的情况下，alt属性似乎有些多余。

即便如此，我们仍然需要为img标签添加alt属性，这时可以把它设为空，例如：

<img src="visualDecoration.jpeg" alt="">

对于背景图片，它们通常起装饰作用，而且含有 CSS 类，所以背景图片不会被屏幕阅读器处理。

注意：
对于有标题的图片，我们依然需要添加alt属性，因为这样有助于搜索引擎记录图片内容。

例：

<h1>Deep Thoughts with Master Camper Cat</h1>
<article>
  <h2>Defeating your Foe: the Red Dot is Ours!</h2>
  <p>To Come...</p>
</article>

<img src="samuraiSwords.jpeg" alt="">

<article>
  <h2>Is Chuck Norris a Cat Person?</h2>
  <p>To Come...</p>
</article>

作为两篇文章分割线图片的"alt"属性被留空。