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

В работе одной из студий увидел код:
<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 элемента - удобно.)

Разве возможно с сервера вытянуть css код? Я не знаю как, подскажите

бошкастена.жпг

Вы уволены.

)) Вы не приняты, я бы сказал...

Да точно, через строку читал.)

<span></span>
просто пробелы, которые обычно вставляются с помощью ВИЗВИГА :D
Кстати, <img> грузится быстрее чем background-image
С сервера php вытянуть намного сложнее )

Blizzart, что такое "ВИЗВИГА" и как с его помощью ставить пробелы?

Я, наверное, не так выразился - WYSWIG сам ставит пробелы, а я потом удаляю ))

А вы это к чему, собственно?

Да и написал ты название не намного правильней

С точки зрения сео-оптимизации, Уважаемый автор темы, первый вариант лучше! Но далеко не все нужно делать картинками. Например, на сайте черный фон с белыми буковками, и никому, я надеюсь, даже в бреду, не придет в голову этот фон делать картинкой, чтобы потом раскрутить эту картинку в поиске по изображениям)))

Плюс, в коде студии я обнаружила ошибку, может быть когда-нибудь, Уважаемый автор, это вам пригодиться. У элемента <img /> по спецификации XHTML(не HTML), обязательным параметром должен стоять атрибут alt - альтернативный текст для изображения. <img src="" alt="" />. Удачи в работе!!!