Riserva spazio per gli annunci

È fondamentale riservare spazio sufficiente sulla pagina per gli annunci per ridurre al minimo la variazione del layout. Questo esempio mostra vari approcci alla prenotazione di spazio e i loro effetti sulla stabilità del layout.

  • Nessuno spazio riservato: non vengono specificate dimensioni per il contenitore dell'area annuncio. Il contenitore inizia in stato compresso e si espande quando un annuncio viene riempito, causando una variazione del layout visibile all'utente.
  • Spazio riservato:le dimensioni sono specificate per il contenitore dell'area annuncio. Il container occupa sempre una quantità costante di spazio sulla pagina, perciò il layout non viene spostato. Lo spazio vuoto è visibile prima del caricamento di un annuncio.
  • Spazio riservato con segnaposto:le dimensioni vengono specificate per il contenitore dell'area annuncio. Il container occupa una quantità costante di spazio sulla pagina, perciò il layout non cambia. CSS consente di definire lo stile del contenitore vuoto in modo che gli spazi vuoti non siano visibili prima del caricamento dell'annuncio.

Esempio di implementazione

Visualizza la demo