Подскажите по коду
 

В работе одной из студий увидел код:
<div><a href="/"><img src="/img/logo.jpg"></a></div>

А почему не
<a id="image1"></a> и соответствующий стиль с background


Первый вариант семантически вернее? Или как?

Первый вариант лучше. Во-первых, размеры у картинки ставятся автоматом, в отличие элемента с бекграундом (который ради этого ещё и блоковым делать придётся, что не есть хорошо). Во-вторых, нагляднее. В-третьих, не нужно прописывать отдельный стиль и путаться потом в них. В-четвёртых, в случае, если картинка не загрузилась, можно сделать замещающий текст.... Мне продолжать?)

да, если можно...я планирую устраиваться в студию верстальщиком...и мне сказали переделать мой код на правильный. позже я выложу ещё сомнительные куски и вопросы...

Ну ссылку блоковой делать приходится частенько, ибо hover в ie6)

Это другой случай))
М... Поучите CSS. Всё-таки вас наняли работать, а не нас за вас.

Мне просто не у кого спросить.
Ещё конструкция:
<div class='block-top-left3'><span></span></div>
зачем <span></span>?

ещё конструкция

<li id="top-block-links">
<span>
<a href="/">На главную</a>
<a href="/sitemap/">Карта сайта</a>
<a href="/feedback/">Обратная связь</a>
</span>
</li>

1. ПОчему код обернут в li? Насколько знаю с помощью li верстают меню.
2. Почему ссылки обрамлены в span, да ещё и без стиля?

Я откуда знаю) Проанализируйте код и css, может, есть какие-то правила типа:

.block-top-left3 span {
 /* ...some rules... */
}

Чёрт, код у вас, а не у меня. Посмотрите в него, подумайте, зачем li присобачили туда. Наверное, есть какая-то причина.Если вы говорите это так неуверенно... Вам сюда и сюда. Учиться.

Юзайне файербаг при анализе, - слева код, справа css элемента - удобно.)