css - 链接 CSS 嵌入图像

Question

对于网页，我使用了一个 div id，它通过 css 直接在页面中插入 Logo 。我希望将该 Logo 链接到(例如)主页。我可以通过这样做轻松做到 <a href=xyz><div id=logo></div></a>当然，这无法验证(最终 DTD XHTML 1.0 Strict)。

任何人都可以建议(可能是显而易见的)最佳实践吗？谢谢

Answer 1

您可以消除页面中繁琐的 SPAN 和 DIV 内容，并让链接本身成为一个 block 。

<a href="http://example.com/" id="logo">&nbsp;</a>

在 CSS 中，使用背景设置其样式，并将其调整为您希望可点击的图像的尺寸:

#logo
{
   background:url("/path/to/image.jpg");
   display:block;
   width:200px;
   height:80px;
}