องค์ประกอบรายการ DIV ที่ใช้กันทั่วไปในเค้าโครงหน้าเว็บ CSS ul ol li dl dt dd คำอธิบาย div องค์ประกอบระดับบล็อกควรใช้ให้น้อยที่สุดเท่าที่จะเป็นไปได้ เช่นเดียวกับตาราง ยิ่งซ้อนกันน้อยก็ยิ่งดี รายการสั่งซื้อเฒ่า. <ol> 1… <ul> บล็อกเนื้อหา dl <ดล> คุณสามารถเพิ่ม ol ul li และ p ไปยัง dt และ dd ขอแนะนำว่าอย่าใช้ความสูง (ความสูง) และความสูงของเส้น (ความสูงของเส้น) สำหรับการตั้งค่า dl, dt และ dd ซึ่งจะทำให้เกิดการจัดแนวที่ไม่ตรงใน FF เนื่องจาก IE และ FF มีการปรับตัวหรือไม่ ใช้คุณลักษณะการเติมของ dt และ dd สำหรับการวางตำแหน่ง!
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
แสดงเป็น:
2…
3…
ul รายการที่ไม่เรียงลำดับ ซึ่งแสดงเป็น li นำหน้าด้วยจุดใหญ่แทนที่จะเป็น 123
<li>……</li>
<li>……</li>
</ul>
หลายๆ คนมักจะมองข้ามการใช้ dl dt dd
ระบุชื่อของบล็อกเนื้อหา
เนื้อหาของ dd สามารถเขียนได้ดังนี้:
<dt>ชื่อเรื่อง</dt>
<dd>เนื้อหา 1</dd>
<dd>เนื้อหา 2</dd>
</ดล>
หลังจากทำความเข้าใจสิ่งเหล่านี้แล้ว จะสะดวกยิ่งขึ้นเมื่อใช้เค้าโครง div W3C มีองค์ประกอบมากมายเพื่อช่วยในการจัดวาง