►►►พึ่งรู้ครับว่าสมัยนี้เขา ใช้ div แทน table กันแล้ว◄◄◄

pokerthai · 28 พฤษภาคม 2011, 00:29:29

ตั้งแต่เขียนเว็บมาผมแทบไม่สนใจเรื่อง div เลยแอะอะไรๆ ก็อสร้าง table ไว้ก่อน พอมรู้เข้าจิงๆ css div สามารถจัดการได้ทุกอย่าง...เห้อ!เครียด

!KhunARM · 28 พฤษภาคม 2011, 00:32:14

เดี๋ยวนี้ div เจ๋งสุดๆ ครับ

pokerthai · 28 พฤษภาคม 2011, 00:34:01

ทำไมถึงว่า เขียนโปรเจคจบพอเราขยายหน้าจอใหฐ่ขึ้นตัวหนังสือมันตกลงมา โอ้งี้ผมต้องศึกษาอีกนานไหมครับนี่

แล้วผมจะรู้ได้ยังไงครับว่าอันไหนใช้ div หรือ table ครับ

yoyokung · 28 พฤษภาคม 2011, 00:42:31

ตรงส่วนไหนที่ต้องเป็นข้อมูลอ่ะ

นายคิดเสียเอาไว้ว่า หน้าเว็บมันไม่ใช่ตาราง อย่างใช้ตารางบังคับ ให้คิดว่าหน้าเว็บคิดก้อนอิฐ ที่มันสามารถเรียงต่อกันและสลับก้อนได้

แต่ table เหมือนตาข่าย จะดึงจะย้าย ก็ดูรั้งๆ รุงรังไปหมด

div จะเป็นอิสระมาก css สามารถกำหนดให้ div ทำหน้า เปรียบเสมือนตารางได้ดี

แต่ table จะมาทำตัวแบบ div ไม่ได้

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

table เวลาจะไปไหน มันจะไปทั้งก้อน ดูยุ่งเหยิงถ้าจะเอามาทำหน้าเว็บ การที่เราจะฉีกจะตัดต่อเสริมแต่งเป็นเรื่องที่น่ารำคาญและดูโบราณทึนทึกอย่างมาก

ในขณะที่ div ไปไหนมาไหนคนเดียวก็ได้ มีความยืดหยุ่น

บอกไม่ถูกเท่าไหร่มันอธิบายยากจัง

แต่ดีแล้วที่นายตัดสินใจหันมาศึกษา css

สเร็น · 28 พฤษภาคม 2011, 00:44:02

อันไหนใช้ table ง่ายกว่าก็ใช้ table อันไหนใช้ div ง่ายก็ใช้ div เน้นสั้นๆครับ บางอย่างใช้ div แล้วยาวมากกว่าจะได้ออกมา

ผมใช้ก็ผสมๆกันนะ

mahaboyd · 28 พฤษภาคม 2011, 00:54:14

มันแล้วแต่งานนะครับ... จริงๆมันก็จำเป็นต้องใช้ทั้งคู่แหละ ขาดกันไม่ได้...

jenghy · 28 พฤษภาคม 2011, 01:08:29

ถ้าคุณใช้ div ไปสักระยะนะครับ คุณจะลืม table ไปเลยหล่ะ..ว่ามันใช้ยังไง
ลืมหมด เชื่อผม....

เดี๋ยวนี้เค้าใช้ div กันหมดแล้ว...

ยินดีต้อนรับเข้าสู่ ศักราชใหม่ของการทำเวบครับ

Reality · 28 พฤษภาคม 2011, 01:15:34

ข้อดีชัดๆ เลยก็คือ ถ้าใช้ div เวลาโหลดข้อมูล โหลดได้แค่ไหน ก็แสดงเท่านั้น
ถ้าใช้ table ถ้ายังโหลดไม่หมด table ข้อมูลจะไม่แสดงครับ

ใช้ table จะง่ายเพราะเป็น tag พืนฐานของ html แต่ div+css จะยุ่งยากนิดหน่อย (จริงๆ แล้ว div ไม่ได้ออกแบบมาสำหรับแสดงผลตารางอยู่แล้วครับ แต่ปรากฏว่าใช้ได้ผลดีกว่า)

ganginwpop · 28 พฤษภาคม 2011, 01:34:33

บางอย่าง Table ก็ยืดหยุ่นกว่าครับ
แล้วแต่งานจริงๆ

ปลาบิน · 28 พฤษภาคม 2011, 03:17:22

div เวลาจะสร้างตารางทำไงครับ
ทำไงให้ก้อนแต่ละก้อนไม่ซ้อนกัน แต่มาต่อกันสินทแบบคอลัมน์ของตาราง
ผมไม่เคยทำสำเร็จซะที

แล้วก็งงเรื่อง z index

tumngern · 28 พฤษภาคม 2011, 06:33:29

เห็นส่วนใหญ่เวป เค้าใช้ div กันแล้ว
แต่ยังไม่เป็นเหมือนกันครับ

thanongsak1983 · 28 พฤษภาคม 2011, 07:07:54

malong · 28 พฤษภาคม 2011, 07:33:08

Concept:
div ใช้จัดการ Layout โดยใช้ div ซ้อน div
table ใช้จัดการเนื้อหาบางอย่าง

<html>
<head>
<title>how to div?</title>
<style>
   body {margin:0px; padding:0px; font-family: verdana; font-size: 10pt; COLOR: 000; }
   #wrap {margin:10px auto; width:900px; height: 600px; border: 1px solid gray; text-align:center;}
   b { font-weight: bold; }
</style>
</head>
<body>
   <div id="wrap">
      <p><b>test div </b></p>
   </div>
</body>
</html>

มั่วเอานะ..ห้ามเชื่อ

cheszy · 28 พฤษภาคม 2011, 09:36:58

ผมว่าวันมีข้อดีคนละอย่างนะครับ อันนี้ส่วนตัวนะครับ แต่ถ้าเว็บไหนที่มีการโปรแกรมเยอะๆ อะผมว่าถ้าใช้table รู้สึกว่ามันทำให้ช้าเหมือนว่ามันโหลดทั้งหน้าใหม่ทุกครั้งเลย แต่ถ้าdiv มันไวกว่านะฮ๊าฟ แต่รู้สึกdiv จะยืดหยุ่นกว่าด้วย หรือคิดไปเองไม่รู้นะ

KhunHen · 28 พฤษภาคม 2011, 09:38:49

ส่วนใหญ่ผมจะใช้ div กับข้อมูลที่จะลิ้งกับ java script

หรือพวก Ajax แต่ถ้าเป็นตารางยังใช้ table ธรรมดาครับ มันคุ้นเคยมากกว่าอ่ะ

kudjung · 28 พฤษภาคม 2011, 09:39:18

ผมว่าแล้วแต่งานครับ ส่วนตัวผมว่า div + css ใช้งานแทนตารางได้ดีในจุดหนึ่งเท่านั้นแต่ไม่ใช้ทั้งหมด ถ้าตารางมีความซับซ้อนสูงๆ ใช้ table เถอะครับ ยกตัวอย่าง gmail

ลองอ่านบทความจากเว็บ goragod.com ผมว่าอธิบายได้ตรงจุดเรื่องการใช้งานระหว่าง table กับ div

อ้างอิงจากเว็บ http://www.goragod.com/knowledge/Div%20%E0%B8%AB%E0%B8%A3%E0%B8%B7%E0%B8%AD%20Table.html

ใน XHTML เขาแนะนำให้ใช้ Table-less ครับ หรือ ใช้ table(ตาราง) ให้น้อยที่สุด แต่ก็ไม่ได้ห้ามใช้นะครับ tag ที่เกี่ยวกับตาราง ก็ยังมีอยู่อย่างพร้อมมูล บน XHTML แต่บทความนี้ไม่ได้แนะนำให้ต้องใช้กับ XHTML เท่านั้นนะครับ เรายังสามารถประยุกต์ใช้ Table-less กับ HTML ทั่วไปได้

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

table ใช้ทำอะไร ? ตารางไงครับ ยังไง table ก็เอาไว้ทำตาราง ถ้าสิ่งที่ต้ิองการแสดงเป็นข้อมูลที่ต้องแสดงออกเป็นตารางแล้วละก็ ใช้ table เถอะ ง่ายกว่า div เป็นไหนๆ แต่ไหนๆจะใช้แล้วก็ใช้ให้ถูกหลัก(XHTML) ด้วยละกัน

ใช้ table ทำตาราง ไปแล้ว แล้วจะใช้ div ทำอะไร? page layout ทั่วๆไป หรือการจัดการพื้นที่แสดงผล ทั่วๆไป ครับ เช่น กรอบข้อความต่างๆ กรอบรูป การควบคุมพื้นที่แสดงผลแต่ละส่วน เป็นต้น ซึ่งแต่ก่อนเรานิยมใช้ table แยกเว็บเพจออกเป็นส่วนๆ เพื่อจัดการ layout ของเพจ แต่การใช้ตารางอาจมีข้อเสีย(หรือข้อดีก็ไม่รู้) เนื่องจาก เว็บเพจ จะต้องรอให้โหลดข้อมูลภายในตารางทั้งหมดออกมาก่อน แล้วจึงจัดการแสดงผลในคราวเดียว ข้อดีของลักษณะนี้คือ เว็บเพจจะแสดงผลทีเดียวในตอนโหลดเสร็จ แต่ข้อเสียคือ มัน(ดู)ช้า เนื่องจากต้องรอให้โหลดเสร็จก่อน แต่ถ้าใช้ div คุณก็จะได้เห็นเว็บเพจที่ผุดแต่ละส่วนขึ้นมาตรงนั้นที ตรงนี้ที

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

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

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

LoveMiracle · 28 พฤษภาคม 2011, 09:43:28

div สิครับ
ยุคนี้ CSS3

ru · 28 พฤษภาคม 2011, 10:25:56

โดยส่วนตัวผมว่า Table มันวุ่นวายมากเลยครับ กว่าจะทำอะไรได้แต่ละอย่าง ต้องสร้าง td tr ซ้อนๆ กันเข้าไป มั่วอีรุงตุงนังไปหมด
แล้วถามว่ามันใช้งานได้ ก็ตอบเลยว่าได้ แต่มันวุ่นวายไงเค้าจึงมี div มาช่วยเหลือ div มีความยืดหยุ่นสูงกว่า table นะ (โดยความรู้สึกส่วนตัว)

ต่อมาเรื่องการปรับค่าต่างๆ ยกตัวอย่างถ้าใช้ table ถ้าปรับ td สักอัน ต้องปรับมันซะให้ครบ เพราะว่าถ้าเฉลี่ยค่าบางอย่างไม่เท่ากัน มันก็ไม่แสดงผล
เอากับมันสิ ช่วงหลังผมจึงพยายามใช้ table ให้น้อยที่สุด หลีกเลี่ยงไม่ได้จริงๆก็จะใช้ ถ้าใช้ div แทนก็จะหันไปใช้ div ดีกว่า จัดการง่ายกว่าเยอะ

wassub · 28 พฤษภาคม 2011, 12:10:44

ผมว่าอยู่การใช้งานนะครับ ถ้าจัด layout ก็ใช้ Div แต่ถ้าเป็นตารางข้อมูล ก็ยังใช้ Table อยู๋นะครับ สำหรับผมนะครับ

lomaindy · 28 พฤษภาคม 2011, 13:40:48

อ้างถึงจาก: wassub ใน 28 พฤษภาคม 2011, 12:10:44
ผมว่าอยู่การใช้งานนะครับ ถ้าจัด layout ก็ใช้ Div แต่ถ้าเป็นตารางข้อมูล ก็ยังใช้ Table อยู๋นะครับ สำหรับผมนะครับ

ช่ายยยย