Зарезервируйте место для рекламы

Зарезервирование достаточного места на странице для рекламы является ключом к минимизации смещения макета . Этот пример демонстрирует различные подходы к резервированию места и их влияние на стабильность макета.

  • Место не зарезервировано: для контейнера рекламного места не указаны размеры. Контейнер сначала свернут, а затем расширяется при заполнении объявления, что приводит к изменению макета, видимому пользователю.
  • Зарезервировано место: размеры указаны для контейнера рекламного места. Контейнер всегда занимает постоянный объем места на странице, поэтому макет не смещается. Пустое пространство видно до загрузки объявления.
  • Пространство зарезервировано заполнителем: размеры указаны для контейнера рекламного места. Контейнер занимает постоянное пространство на странице, поэтому макет не смещается. CSS используется для стилизации пустого контейнера, чтобы пустое пространство не было видно перед загрузкой объявления.

Пример реализации

Посмотреть демо