حجز مساحة للإعلانات

إنّ حجز مساحة كافية على صفحتك للإعلانات هو المفتاح لتقليل تغيُّر التنسيق. يوضّح هذا المثال مختلف الطرق لحجز المساحة وتأثيراتها على ثبات التنسيق.

  • ما مِن مساحة محجوزة: لم يتم تحديد أيّ سمات لحاوية المساحة الإعلانية. تبدأ الحاوية مصغّرة وتتوسّع عندما يملأ إعلان المساحة، مما يؤدي إلى حدوث تغيُّر في التصميم يظهر للمستخدم.
  • المساحة المحجوزة: يتم تحديد الأبعاد لحاوية الشريحة الإعلانية. تشغل الحاوية دائمًا مساحة ثابتة على الصفحة، لذا لا يتغيّر تنسيقها. تظهر مساحة فارغة قبل تحميل الإعلان.
  • مساحة محجوزة باستخدام عنصر نائب: يتم تحديد الأبعاد لحاوية الشريحة الإعلانية. تشغل الحاوية مساحة ثابتة في الصفحة، لذا لا يتغيّر التنسيق. يتم استخدام CSS لتنسيق الحاوية الفارغة لتجنُّب ظهور مساحة فارغة قبل تحميل الإعلان.

مثال على التنفيذ

عرض العرض التوضيحي

JavaScript

جارٍ التحميل...

TypeScript

جارٍ التحميل...