div หรือ table

กับคำถามมากมายว่า DIV หรือ TABLE มันดีกว่ากันยังไง มันจะใช้แทนที่กันได้ยังไง หลายคนที่ยังสงสัย ตอนนี้ผมมีข้อมูลเล็กๆ น้อยๆ มาแจกจ่ายกันบ้าง อาจจะไม่กระจ่างมาก แต่คงพอถึงบางอ้อ

เรื่องมันมีอยู่ว่า

ด้วยเหตุแห่งยุคแรกเริ่มเดิมทีที่เหล่า เว็บดีไซเนอร์ พากันเรียกใช้ <table> ซึ่งเป็นตัวจัดการวางข้อมูล ออกมาใช้เป็นตัวจัดการโครงสร้างของเว็บทั้งหมด ด้วยเหตุที่ง่ายและยังไม่มีวิธีใดที่ดียิ่งกว่า TABLE จึงแพร่หลายและถูกใช้อย่างผิดๆ มาตั้งแต่นั้น

ปัจจุบัน คำว่า Tableless Design หรือการทำเว็บแบบพึ่งพา table ให้น้อยที่สุด หรือไม่ต้องใช้เลย อาจจะแพร่กระหลายในหมู่คนทำเว็บต่างประเทศอื่นๆ โดยเฉพาะฝั่งยุโรป แต่ในเมืองไทยยังไม่เป็นที่นิยมมากนัก เพราะต้องการใช้เวลาในห้วงระยะหนึ่งในการทำความเข้าใจ เรียนรู้มากพอสมควร ทั้งในเรื่องของ XHTML, XML เพื่อที่จะสามารถเข้าใจหลักการทำงานพื้นฐานได้ ถึงแม้โครงสร้างภาษาจะไม่แตกต่างจาก HTML มากมายก็ตาม

ต้องใช้ DIV ทั้งเว็บใช่หรือไม่

คำตอบคือ ใช่ และไม่ใช่

อย่างไร

ถ้ากรณีที่เว็บของเราที่ทำขึ้นมานั้น ไม่ได้มีการแสดงผล แบบเป็นตารางข้อมูล สถิติ คล้ายๆ เอกสารแบบ Excel ก็คงไม่จำเป็นต้องมี table ครับ แค่ DIV และ อย่างอื่น ก็ทำเว็บได้

แต่ ถ้าเมื่อใดที่เราต้องแสดงผลแบบเป็นแถว เป็นคอลัมน์ เรายังต้องใช้ table อยู่ นั่นเอง

ด้วยคุณสมบัติและลักษณะที่แตกต่าง จึงไม่สามารถเอามาใช้แทนกันได้

แค่เพียงเราเลือกใช้ให้ถูกวิที แค่นั้นเองครับ

อย่าลืมว่าเรายังมี span, em, abbr, h1-h6, p, li , dd, dt และอีกสารพัดอย่างที่เราต้องนำมาใช้ให้ถูกวิธี

** อัพเดทล่าสุด 20 พฤษภาคม 2550

*** แก้ไข 13 มกราคม 2551