จองพื้นที่สำหรับโฆษณา

การสงวนพื้นที่ในหน้าเว็บให้เพียงพอสำหรับโฆษณาคือกุญแจสำคัญในการลดการเปลี่ยนแปลงของเลย์เอาต์ ตัวอย่างนี้แสดงวิธีการต่างๆ ในการจองพื้นที่และผลที่มีต่อความเสถียรของเลย์เอาต์

  • ไม่ได้จองพื้นที่ไว้: ไม่มีการระบุมิติข้อมูลสำหรับคอนเทนเนอร์ช่องโฆษณา คอนเทนเนอร์จะเริ่มต้นโดยยุบและขยายออกเมื่อโฆษณาได้รับโฆษณา ทำให้เกิดการเปลี่ยนแปลงของเลย์เอาต์ที่ผู้ใช้มองเห็น
  • พื้นที่ที่สงวนไว้: ขนาดจะระบุไว้สำหรับคอนเทนเนอร์ช่องโฆษณา คอนเทนเนอร์จะใช้พื้นที่ในหน้าเว็บคงที่เสมอ เลย์เอาต์จึงไม่เปลี่ยน โดยพื้นที่ว่างจะแสดงให้เห็นก่อนที่โฆษณาจะโหลด
  • พื้นที่ที่สำรองไว้กับตัวยึดตำแหน่ง: ขนาดจะระบุไว้สำหรับคอนเทนเนอร์ช่องโฆษณา คอนเทนเนอร์จะใช้พื้นที่ในหน้าเว็บอย่างสม่ำเสมอ ดังนั้นเลย์เอาต์จึงไม่เปลี่ยน CSS จะใช้ในการจัดรูปแบบคอนเทนเนอร์ที่ว่างเปล่าเพื่อหลีกเลี่ยงไม่ให้ระบบแสดงพื้นที่ว่างก่อนที่โฆษณาจะโหลด

ตัวอย่างการใช้งาน

ดูการสาธิต