ThaiSEOBoard.com

พัฒนาเว็บไซต์ => Programming => หัวข้อเริ่มโดย: nuningplus ใน 23 พฤษภาคม 2012, 01:03:38

ชื่อเรื่อง: html เกี่ยวกับ tag table และ div ช่วยอธิบายหน่อยครับ
โพสต์โดย: nuningplus ใน 23 พฤษภาคม 2012, 01:03:38
ผมเพิ่งมารู้ไม่นานนี้จากเพื่อนอะครับ เพื่อนมันบอกว่าสมัยนี้ เขียนเว็บไซต์ส่วนมากจะใช้ tag div กันซะส่วนใหญ่ ไม่ค่อยใช้ table กันแล้ว

พอลองคลิกเข้าไปดู source code ของเว็บต่าง ๆ ก็จริงของเค้า เพราะส่วนใหญ่ก็เห็นแต่ tag div 

ก็เลยอยากทราบว่ามันต่่างกันยังไงครับ 2 แบบนี้ เพราะปกติ ผมใช้ table ตลอดเลย  เพราะปรับจำนวนคอลัมน์ จำนวนแถวง่ายดี ไม่เคยใช้ div เพราะรู้สึกว่ามันยาก

แต่เพื่อนก็ไม่รู้อะไรมาก บอกเหตุผลแค่ว่ามันเร็วกว่า ก็เลยอยากขอคำแนะนำจากสมาชิกในบอร์ดอะครับว่า tag div มันมีประโยชน์แล้วดีกว่า tag table ยังไง เพราะลองหาคำตอบใน google แล้วก็ยังงงอยู่ครับ


ชื่อเรื่อง: Re: html เกี่ยวกับ tag table และ div ช่วยอธิบายหน่อยครับ
โพสต์โดย: Positron ใน 23 พฤษภาคม 2012, 01:36:04
สาเหตุหลักที่ผมใช้ div
1. render เร็วกว่า โดยไม่ต้องรอให้ปิดแท็ก เหมือน <table>ที่ต้องรอให้ปิด </table> ข้อมูลถึงจะโชว์
2. โค๊ดสะอาดกว่า สั้นกว่า

แต่ผมก็ใช้ table บ้างเฉพาะส่วน เพราะ table ยังจำเป้นต้องใช้สำหรับบางงาน ที่เหมาะกับข้อมูลที่มีหลาย colum และต้องยึดหดได้แบบอิสระ
ชื่อเรื่อง: Re: html เกี่ยวกับ tag table และ div ช่วยอธิบายหน่อยครับ
โพสต์โดย: nuningplus ใน 23 พฤษภาคม 2012, 01:41:15
อ้างถึงจาก: Positron ใน 23 พฤษภาคม 2012, 01:36:04
สาเหตุหลักที่ผมใช้ div
1. render เร็วกว่า โดยไม่ต้องรอให้ปิดแท็ก เหมือน <table>ที่ต้องรอให้ปิด </table> ข้อมูลถึงจะโชว์
2. โค๊ดสะอาดกว่า สั้นกว่า

แต่ผมก็ใช้ table บ้างเฉพาะส่วน เพราะ table ยังจำเป้นต้องใช้สำหรับบางงาน ที่เหมาะกับข้อมูลที่มีหลาย colum และต้องยึดหดได้แบบอิสระ

ขอบคุณมากครับ หมายความว่า div ถ้ากำหนดความกว้างยาวเข้าไปแล้วจะไม่สามารถปรับให้ยืดได้ใช่ปะครับ
ชื่อเรื่อง: Re: html เกี่ยวกับ tag table และ div ช่วยอธิบายหน่อยครับ
โพสต์โดย: Positron ใน 23 พฤษภาคม 2012, 01:45:34
อ้างถึงจาก: nuningplus ใน 23 พฤษภาคม 2012, 01:41:15
อ้างถึงจาก: Positron ใน 23 พฤษภาคม 2012, 01:36:04
สาเหตุหลักที่ผมใช้ div
1. render เร็วกว่า โดยไม่ต้องรอให้ปิดแท็ก เหมือน <table>ที่ต้องรอให้ปิด </table> ข้อมูลถึงจะโชว์
2. โค๊ดสะอาดกว่า สั้นกว่า

แต่ผมก็ใช้ table บ้างเฉพาะส่วน เพราะ table ยังจำเป้นต้องใช้สำหรับบางงาน ที่เหมาะกับข้อมูลที่มีหลาย colum และต้องยึดหดได้แบบอิสระ

ขอบคุณมากครับ หมายความว่า div ถ้ากำหนดความกว้างยาวเข้าไปแล้วจะไม่สามารถปรับให้ยืดได้ใช่ปะครับ
ปรกติ div ทำได้ครับ เช่นการกำหนดเป็น %
div จะทำเลียนแบบ table ได้เกือบทั้งหมด

แต่บางรูปแบบมันจะมีวิธีทำขั้นตอนยุ่งยากกว่าการเขียน table ตรงๆ
เช่น ผมจะทำตาราง 1 อัน ซึ่งภายใน มีจำนวน colum ที่จะแสดงไม่แน่นอน ซึ่งถ้าใช้ div ก็ต้องคำนวนเผื่อจำนวน columทีจะมี แต่ถ้าใช้ table ผมก็ไม่ต้องสนใจว่ามันจะมีกี่colum เพราะเดี๋ยวมันก็ยืดหดได้พอดีเอง และโค๊ดสั้นกว่า ถ้าจะไปเขียนแบบ div และไม่ต้องไปยุ่งยากกับ js ด้วย
ชื่อเรื่อง: Re: html เกี่ยวกับ tag table และ div ช่วยอธิบายหน่อยครับ
โพสต์โดย: siammbk ใน 23 พฤษภาคม 2012, 02:35:45
อันนี้ความคิดผมนะ

จะใช้ div หรือ table ขึ้นอยู่กับการออกแบบเว็บให้สมบูรณ์มากว่าคือ ให้รองรับได้ทุกเบ้าเซอร์

เพราะการใช้ table ทุกเบ้าเซอร์ก็รองรับหมดอยู่แล้ว ส่วน div ก็ต้องดูที่ css ที่ใช้เพราะ class บางตัวไม่ทำงานในเบ้าเซอร์นั้น

ตัวผมเองก็ใช้ทั้งสองอย่าง เช่นประมาณว่า ใช้ table วางโครง แล้ว div ก็ด้านใน อะไรแบบนี้คับ

:wanwan002: