如何在div中为alt图像添加alt标签，以便靴子可以查看它？

Question

实际上我的代码如下所示。

<div id="logoSec"></div>
<style>
#logoSec {
    background-image: url("http://c.mtro.co/am/i/amlogo.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 66px;
    width: 100%;
} 
</style>

所以我想给图像ALT。那我怎么能这样呢？所以靴子可以查看它。

Answer 1

通常，如果要为图像指定alt属性，则应使用img标记，而不是使用背景图像创建div。像这样：

<img src="http://c.mtro.co/am/i/amlogo.png" alt="Your alt text">

但是，如果此图像是公司的徽标（如图所示），我建议使用h1元素，并用图像替换文本。这是语义的，搜索引擎会更好地理解。它看起来像这样：

HTML

<h1 class="logo">America's Mattress</h1>

CSS

h1.logo {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url("http://c.mtro.co/am/i/amlogo.png") no-repeat center center;
  height: 66px;
  width: 100%;
}

您可以在此处详细了解此图片替换技术：REPLACING THE -9999PX HACK (NEW IMAGE REPLACEMENT)