عناصر قائمة DIV شائعة الاستخدام في تخطيط صفحة ويب CSS ul ol li dl dt dd شرح، يجب استخدام عناصر div على مستوى الكتلة بأقل قدر ممكن مثل الجدول، كلما كان التداخل أقل كلما كان ذلك أفضل قائمة مرتبة ol. <ol> 1… <ul> كتلة محتوى دل <دل> يمكنك إضافة ol ul li وp إلى dt وdd يوصى بعدم استخدام الارتفاع (الارتفاع) وارتفاع الخط (ارتفاع الخط) لإعدادات dl وdt وdd، حيث سيؤدي ذلك إلى حدوث اختلال في FF نظرًا لما إذا كان IE وFF قابلين للتكيف أم لا استخدم سمات الحشو dt وdd لتحديد المواقع!
<لي>……</لي>
<لي>……</لي>
<لي>……</لي>
</ol>
تظهر كـ:
2…
3…
قائمة ul غير مرتبة، تظهر بالشكل li مسبوقة بنقطة كبيرة بدلاً من 123
<لي>……</لي>
<لي>……</لي>
</ul>
يميل العديد من الأشخاص إلى تجاهل استخدام dl dt dd
dt عنوان كتلة المحتوى
يمكن كتابة محتوى dd على النحو التالي:
<dt>العنوان</dt>
<dd>المحتوى 1</dd>
<dd>المحتوى 2</dd>
</دل>
بعد فهم هذه الأمور، سيكون الأمر أكثر ملاءمة عند استخدام تخطيط div حيث يوفر W3C العديد من العناصر للمساعدة في التخطيط.