Задать вопрос
Acaweb
@Acaweb
Начинающий Вэб-разработчик
html

Зачем дублировать style="background" и img?

Добрый день
Видил на некоторых сайтах такую конструкцию
<div class="background-image" style="background: url(/img.jpg) 50% 0%;">
     <img class="background-image" alt="Background Image" src="/img.jpg" style="display: none;">
</div>

Зачем дублируют изображение через CSS. Такое видел как для создания backgrounda для блока, так и для просто отображения Блоков на сайте (например портфолио).
  • Вопрос задан
  • 162 просмотра
2 комментария
Подписаться 1 Простой 2 комментария
Решения вопроса 1
alexey-m-ukolov
@alexey-m-ukolov Куратор тега CSS
Через css проще спозиционировать за счёт background-size и background-position, а img нужен, чтобы поисковики проиндексировали картинку.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 1
truman55
@truman55
Frontend developer / Hearst Shkulev Digital
на самом деле ужасный подход. Если хочешь, чтобы поисковик проиндексировал картинку и хочешь использовать ее как background, пользуйся микроразметкой https://schema.org/ImageObject
Ответ написан
3 комментария
3 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать несистемный алерт
19 апр. 2024, в 20:11
500 руб./за проект
Расработка Парсер для сайта https://soliq.uz/activities/debtor
19 апр. 2024, в 19:51
3000 руб./за проект
Два скрипта, Python, web3.py, вызов функции смарт-конракта
19 апр. 2024, в 19:47
50000 руб./за проект
Ещё заказы