ทำไมต้อง Tableless Designed
ทำไมต้อง Tableless Designed?
เห็นหัวข้อแล้วไม่ต้องตกใจนะครับ เพราะ บอร์ดนี้ไม่ใช่ tableless แน่นอน
อิอิ แต่ผมจะมาบอกให้รู้ว่าทำไมต้อง Tableless อันนี้ไม่ได้เกี่ยวกับการโชว์เทพ css/xhtml หากแต่จะเกี่ยวกับ ทางเทคนิค ครับ
Tableless คืออะไร
สำหรับใครที่ไม่ค่อยได้จับ CSS/XHTML ก็คงจะไม่ค่อยได้ยินคำบ่อยนักนะครับ ผมจะขออธิบายคร่าวๆว่า Tableless Designed คือการ ออกแบบหน้าเว็บโดยปราศจาค Table (หรือตารางนั้นเอง)หรือ มีให้น้อยที่สุดเท่าที่จะทำได้ (tableless ก็แปลว่า ตารางน้อยหนินะ)
Tableless VS TableMore
เอาหล่ะหัวข้อนี้จะอธิบายว่าทำไมต้อง Tebleless เหตุผลที่ต้อง tebleless นั้นบางคนก็อยากจะโชว์เทพในการใช้ css โดยการจัด layout โดยใช้ div ทั้งหมดซึ่งจะทำได้ยากสำหรับมือใหม่ เพราะต้องรู้รายละเอียด css ค่อนข้างเยอะ+กับรู้ว่า Browser แต่ละตัวแสดงผลยังไงต้อง hack css ส่วนไหนบ้าง จึงจะทำให้มัน แสดงผลได้ crossbrowser (เดี่ยวผมจะเขียนอธิบายเรื่อง crossbrowser ให้อีกทีครับ) และอีกเหตุผลนึงที่ต้อง tableless เพราะว่า html ที่เป็น table เวลาโหลดข้อมูลมา หากข้อมูลใน teble นั้นยังไม่ครบ Browser ก็จะยังไม่แสดงผลให้ได้ดูกัน แต่! <div> จะแสดงข้อมูลให้ดูเรื่อยๆ ระหว่างรอการโหลดข้อมูลที่เหลืออยู่ จึงทำให้เว็บเราดูเหมือนว่าจะโหลดไว แต่จริงๆนั้นไม่เลย แค่ แสดงข้อมูลตอนโหลดมาเป็นระยะๆ
เพราะฉนั้นเวลา เปิดเว็บที่tableless คุณจะสังเกตุเห็นว่า ตอนโหลดข้อมูลนั้น module ต่างๆ จะยังอยู่ผิดตำแหน่งอยู่(ซึ่งจะเข้าถูกที่ถูกทางก็ต่อเมื่อโหลดเสร็จ)
เพราะฉนั้น tabless designed ทำให้ ผู้เข้าชมเว็บ ไม่ต้องรอให้ข้อมูล โหลดมาครบ100% ก็จะสามารถดูข้อมูลไปก่อนได้ครับ