ใช้ตารางข้อมูลไม่ใช่แบบใน XHTML
ข้อมูลแบบตารางเป็นเพียงข้อมูลที่อยู่ในตาราง ใน HTML เนื้อหาที่อาศัยอยู่ในเซลล์ของตารางคือสิ่งที่อยู่ระหว่างแท็ก
การใช้ตารางที่ดีที่สุดคือเพื่อแสดงข้อมูล
ตามที่ W3C:
"รูปแบบตาราง HTML ช่วยให้ผู้เขียนจัดเรียงข้อมูลข้อความข้อความที่จัดรูปแบบไว้ล่วงหน้ารูปภาพลิงก์แบบฟอร์มแบบฟอร์มตารางอื่น ๆ ฯลฯ ลงในแถวและคอลัมน์ของเซลล์"
แหล่งที่มา: บทนำเกี่ยวกับตารางจากข้อกำหนด HTML 4
คำสำคัญในคำจำกัดความนั้นคือ ข้อมูล ในช่วงต้นของการออกแบบเว็บตารางได้รับการดัดแปลงเป็นเครื่องมือเพื่อช่วยในการจัดวางและควบคุมว่าเนื้อหาเว็บเพจจะปรากฏที่ใด ซึ่งบางครั้งอาจส่งผลให้มีการแสดงผลที่ไม่ดีในเบราว์เซอร์ที่แตกต่างกันทั้งนี้ขึ้นอยู่กับวิธีจัดการเบราว์เซอร์ในตารางดังนั้นจึงไม่ได้เป็นวิธีการออกแบบที่สง่างามเสมอไป
อย่างไรก็ตามเนื่องจากการออกแบบเว็บมีความก้าวหน้าและการปรากฏตัวของ สไตล์ชีตแบบเรียงซ้อน (CSS) ความจำเป็นในการใช้ตารางเพื่อจัดการองค์ประกอบของการออกแบบหน้าเว็บแบบย่อ ๆ ลดลง รูปแบบตารางไม่ได้รับการพัฒนาเพื่อช่วยให้ผู้ออกแบบเว็บสามารถจัดการกับรูปแบบของหน้าเว็บหรือเปลี่ยนลักษณะการแสดงผลของเซลล์เส้นขอบหรือ สีพื้นหลัง
เมื่อจะใช้ตารางเพื่อแสดงเนื้อหา
หากเนื้อหาที่คุณต้องการวางในหน้าเว็บคือข้อมูลที่คุณคาดหวังว่าจะได้รับการจัดการหรือติดตามในสเปรดชีตเนื้อหาที่เกือบจะยืมตัวไปได้ดีกับการนำเสนอในตารางบนหน้าเว็บ
ถ้าคุณจะมีช่องส่วนหัวที่ด้านบนของคอลัมน์ของข้อมูลหรือด้านซ้ายของแถวข้อมูลนั่นคือเป็นแบบตารางและควรใช้ตาราง
ถ้าเนื้อหาเหมาะสมในฐานข้อมูลโดยเฉพาะอย่างยิ่งฐานข้อมูลที่ง่ายมากและคุณเพียงต้องการแสดงข้อมูลและไม่ทำให้สวยแล้วตารางเป็นที่ยอมรับ
เมื่อไม่ใช้ตารางเพื่อแสดงเนื้อหา
หลีกเลี่ยงการใช้ตารางในสถานการณ์ที่วัตถุประสงค์ไม่ใช่แค่สื่อเนื้อหาข้อมูลเอง
อย่าใช้ตารางถ้า:
- วัตถุประสงค์หลักของตารางคือการวางตำแหน่งเนื้อหาบนหน้าเว็บ ตัวอย่างเช่นเพื่อเพิ่มระยะห่างรอบรูปภาพเพื่อวางไอคอนลูกกระสุนในรายการหรือบังคับบล็อกข้อความให้ทำหน้าที่เหมือนคำพูดดึง
- คุณต้องการใช้สีพื้นหลังหรือรูปภาพเพียงเพื่อเพิ่มหน้าแทนที่จะโทรออกข้อมูล ตัวอย่างเช่นการไฮไลต์ทุกแถวอื่น ๆ ของตารางจะดี แต่การเปลี่ยนเฉพาะเซลล์ด้านบนขวาเนื่องจากจะทำให้ตรงกับพื้นหลังของหน้าเว็บไม่ได้
- คุณกำลังตัดภาพแล้ววางภาพชิ้นกลับกันบนหน้าโดยใช้ตาราง เรื่องนี้เป็นเรื่องปกติธรรมดาเมื่อไม่กี่ปีมานี้ แต่ถือว่าไม่ถูกต้องอีกต่อไป
อย่ากลัวโต๊ะ
ค่อนข้างเป็นไปได้ที่จะสร้างหน้าเว็บที่ใช้ตารางข้อมูลเชิงสร้างสรรค์สำหรับข้อมูลแบบตาราง ตารางเป็นส่วนสำคัญของข้อกำหนด XHTML และการเรียนรู้เพื่อแสดงข้อมูลแบบตารางเป็นส่วนสำคัญในการสร้างหน้าเว็บ