Связывание CSS встраиваемого изображения

Question

Для веб-страницы я использовал div id, который с помощью css вставляет логотип прямо на страницу. Я хотел бы, чтобы этот логотип был связан (например) с домашней страницей. Я могу сделать это легко, сделав это <a href=xyz><div id=logo></div></a> of.course, который не проверяет (в конечном итоге DTD XHTML 1.0 Strict).

Может кто-нибудь предложить (вероятно, очевидную) лучшую практику? Спасибо

Answer 1

Вы можете покончить с беспорядочными SPAN и DIV, загромождающими вашу страницу, и сама ссылка будет блокировать.

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

И в своем CSS, стилизуйте его с фоном и измените его размеры до размеров изображения, на которое вы хотите кликать:

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

Answer 2

<a href=""><span></span></a>

Применение фонового изображения, ширины, высоты и отображения: блок к диапазону. Надеюсь, это поможет!

Answer 3

Использовать диапазон:

<a href=xyz><span id=logo></span></a>

Не забудьте преобразовать span в блочный элемент в вашем css:

.logo {
    display: block
}

Answer 4

<a href="something"><span class="logo"></span></a>

Возможно, вам придется объявить <span> как display: block;.