По моему мнению, изображения, которые являются частью контента, должны использовать теги изображений, а все остальное может использовать фоновые изображения / CSS-спрайты.
Включив обычный тег изображения с атрибутом alt, вы сделаете изображение доступным для таких вещей, как поиск изображений в Google.Но это не тот фактор, который я очень сильно взвешиваю.
Важная часть заключается в том, что если кто-то смотрит на ваш сайт с помощью программы чтения с экрана или просто просматривает HTML, контент будет успешно передан с тегом изображенияатрибут alt.Если вы используете div с CSS, вы потеряете этот эффект, и некоторые люди могут пропустить его содержимое.
Но когда дело доходит до неповторяющихся фоновых изображений, кнопок и других ориентированных на стиль изображений, я рекомендую использовать CSSСпрайты для повышения производительности.
Хотя при добавлении других изображений в теги реальных изображений преформация должна быть несколько хуже, но она может быть очень минимальной, если правильно установить заголовки кэширования на изображениях.быстрый поиск нашел это: http://www.google.com/support/forum/p/Webmasters/thread?tid=75fa18ce5e671f5b&hl=en
Что, кажется, смягчает атрибут Alt, помещая текст в div и затем используя спрайты, чтобы скрыть текст:
Подход, используемый Googleсоответствующий текст внутри ссылки, видимый для сканеров, людей, у которых отключены изображения, программы для чтения с экрана и т. д.
<a href="..." style="position:relative; display:block; overflow:hidden; width:100px; height:100px">
relevant text here
<span style="position:absolute; top:0px; left:0px; width:100px; height:100px; background-image:url('sprite.jpg'); background-position:0px; -100px;"></span>
</a>
Если производительность может быть проблемой, возможно, стоит пойти по этому пути, нопредпочитаем более семантические теги img, если они являются частью контента.