В идеальном мире вся графика и макет определяются в таблицах стилей - но не <img>src?Не должно быть?

Question

Цель CSS - помочь веб-разработчикам определять и применять графику и макет отдельно от реального контента.

Однако, похоже, что CSS может настраивать практически все (в плане графики) на сайте - кроме атрибута источника тега <img>.

Чтобы достичь 100% разделения между стилем и контентом (что мы все хотим, верно?) Разве мы не должны определять источники изображений и в CSS?

Я знаю, что CSS не может этого сделать (нет поддержки изменения атрибута src для изображений), но есть обходные пути, такие как использование <div> с фоном вместо <img>. Однако, сделав это, это не сломает поисковые системы?

Мой вопрос Является ли использование вместо <img> для достижения 100% разделения между стилем и содержанием разумным действием?

Answer 1

Теги

<img /> предназначены для содержимого, а не для стиля.
<img /> предполагается использовать для чего-то вроде фотографии, сопровождающей статью.

Графика в пользовательском интерфейсе должна быть выполнена с использованием CSS-фонов.

Answer 2

Изображение является содержанием - например, диаграммы. Стиль просто делает страницу красивой, но ничего не добавляет к содержанию (синтаксису / семантике) документа.

Answer 3

Зависит от того, когда. Иногда изображения являются содержанием, а не стилем. Поэтому вы можете использовать div с фоном CSS, если это чисто для стиля, но используйте тег, когда хотите показать изображение контента.

Тогда у вас действительно будет 100% разделение контента / стиля.

Answer 4

Изображения, которые являются частью пользовательского интерфейса, должны быть определены в CSS, где это возможно.

Изображения, являющиеся частью контента, должны быть встроенными тегами img.

Answer 5

Изображения вполне могут быть частью контента.

Answer 6

Иногда изображения представляют собой содержимое, а не просто стиль ... и тогда вы используете тег img.