預留廣告空間

在網頁上保留足夠空間是避免版面配置位移的關鍵。本範例示範如何預留空間及其對版面配置穩定性的影響。

  • 未保留空間:廣告版位容器沒有指定尺寸。廣告填滿時,容器一開始就會收合並展開,導致使用者看見的版面配置位移。
  • 保留空間:為廣告版位容器指定尺寸。容器一律會佔用網頁上的固定空間,因此版面配置不會移動。廣告載入前會顯示空白的空間。
  • 預留位置預留空間:為廣告版位容器指定尺寸。容器會佔用網頁上的固定空間,因此版面配置不會移動。您可以使用 CSS 設定空白容器的樣式,避免在廣告載入前顯示空白區域。

實作範例

觀看示範