Html 带锚潜水器

我不确定这里的最佳做法是什么。我有一个有两个按钮图像的精灵。

---

我想设置一个div作为sprit的前半部分，另一个div作为sprit的后半部分。问题是我不确定div是否是一条路，因为我需要它们都链接到不同的东西。我读到了将div包装在a href标签中的错误做法。所以有些人会怎么做呢。

我会使用带有锚的精灵，然后进行相应的风格设计。您应该记住锚点是一个内联元素，所以您需要设置

display:inline块，然后从那里开始。
使用锚定标记而不是div

将每个锚点设置为精灵的高度和宽度，就像设置divs一样。将图像设置为背景图像。将“显示”设置为“块”。如果图像精灵包含链接的文本，而您不需要HTML文本，那么请确保将文本缩进设置为-9999px。（这比使用纯图像要好，因为搜索引擎仍然可以读取文本）。
如果使用HTML5，则可以在
标记中嵌套块级元素，如
div

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

但是正如其他人已经建议的那样，除非您需要额外的元素，否则您可能只需要直接设置锚元素的样式。这就避免了纯粹出于风格目的而添加额外标记的必要性。
你不能只在
标记上设置背景吗？你能写你的代码吗？我不认为你可以设置a标记的背景并在大多数浏览器中工作？你是正确的，你永远不应该在锚标记中放置div。锚定被视为终端元素，因此，锚定只应包含文本，而不应包含标记。大多数浏览器仍能很好地呈现它，但不能保证所有浏览器的一致性。最好不要这样做，而且它不会使用任何类型的css/html验证工具进行验证。看看这里：@SRM、@Chapsterj-“永远不要在锚定标记中放置div”，除非在完全有效的地方使用HTML5。HTML5之前，内联元素在
标记中有效，而块级元素则无效。然后在css中，将a标记设置为内联块？嗯，这很有效，但后来我设置了a:悬停以移动精灵的位置，并意识到背景图像不在a上，而是在div上？不，这目前有效，没有问题，我一直都在这样做。实际上是CSS使之成为可能，而不是HTML