div与锚

Question

我不确定这里的最佳做法是什么。我有一个带有2个按钮图像的精灵。 我想将一个div设置为sprite的前半部分，将另一个div设置为sprit的后半部分。问题是我不确定div是否可行，因为我需要它们以不同的方式链接到某些东西。我读了一个不好的做法，将div包装在一个href标签中。那么一些人会怎么做呢。

Answer 1

我会使用带有锚点的精灵然后相应地设置样式。你应该记住一个锚是一个内联元素，所以你需要设置display:inline-block;，然后从那里开始。

Answer 2

使用锚标签而不是div。

将每个锚点设置为精灵的高度和宽度，就像div一样。将图像设置为背景图像。将显示设置为阻止。如果图像精灵具有链接的文本而您不需要HTML文本，那么请确保将文本缩进设置为-9999px。 （这比使用纯图像更好，因为搜索引擎仍然可以阅读文本。）

Answer 3

如果你在HTML5中工作，那么你可以在div标签中嵌套一个块级元素，例如<a>。

如果您正在编写HTML4，那么您可以替换内联元素，例如span。在HTML4或XHTML中将span嵌套在锚中是有效的。要将span设置为块级元素的样式，可以将其display属性设置为block。

但正如其他人已经建议的那样，除非你需要额外的元素，否则你可以直接设置锚元素的样式。这样就无需为了风格目的而添加额外的标记。