Accessibility Links

เปลี่ยนใจมาใช้ div แทน table ตอนที่ 2 (เมา DIVs)

 

เปลี่ยนใจมาใช้ div แทน table ตอนที่ 2 (เมา DIVs)

โดย พร อันทะ เมื่อ 2007-08-21 10:43:03 ดูทั้งหมด 1079 ครั้ง

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

การเปลี่ยนใจจาก table มา div ก็เหมือนจะรู้จักแต่ div เท่านั้นที่ผมจำได้ในตอนแรกๆ ที่ผมเขียน css+xhtml ผม div กระจายวายป่วงมากๆ เช่น แค่การทำตัวหนังสือใหญ่ๆ เป็น header ผมก็จะใช้

<div>หัวข้อหลัก</div>

ส่่วน css ก็จะเขียน

div {
Font-size: 16px;
Font-weight: bold;
color: #000000;
}

โดยหารู้ไม่ว่า เขียนแค่ <h1>หัวข้อหลัก</h1> แล้วก็จบ โดยไม่ต้องพึ่งพา css เลย นั่นคืออาการเบื้องต้นของคนเมา div อย่างผม

ซึ่งหลายคนคงเข้าใจแล้วว่าทำไมช่วงหลังผมจึงพยายามเน้นหนักเรื่องการเขียน XHTML มากกว่า CSS การทำความเข้าใจกับ xhtml ให้ถ่องแท้และแจ่มแจ้งจะช่วยให้เราสามารถเขียน css ได้อย่างมีประสิทธิภาพ และไม่ฟุ่มเฟือยคลาส หรือไอดี โดยใช่เหตุ ที่สำคัญเราสามารถใช้ xhtml elements ได้อย่างถูกวิธี ถูกที่ถูกทาง เป็นพื้นฐานแกการทำเว็บเพื่อรองรับระบบ SEO ต่อไป

หรือ

<div><div style=”font-weight: bold;”>ชีวิตติดดิวิชั่น</div> <div style="font-style: italic;">ตัวเอียง</div>

แล้วทำไมเราไม่เขียนอย่างนี้วะ

<p><strong>ชีวิตติดดิวิชั่น</strong><em>ตัวเอียง</em></p>

ทั้งสองแบบแสดงผลเหมือนกัน แต่ คุณค่าไม่เหมือนกัน

แค่เขียนผิดแค่นี้ ชีวิตก็เมาปลิ้นแล้วครับพี่น้อง

บทความต่อไป ผมจะนำเสนอการทำตารางโดยไม่ต้องใช้ div หรือ table แต่เป็น ul หรือ ol li p span strong h1-h6 และ em แทน

Back to Top

Tags:

  1. div
  2. table
  3. xhtml
เนื้อหาที่เกี่ยวข้อง
  1. HTML กับ XHTML
  2. เปลี่ยนใจมาใช้ div แทน table ตอนที่ 4 : หัก div หักดิบ ไม่มี div หรือ table
  3. เปลี่ยนใจมาใช้ div แทน table ตอนที่ 3 (สร่างเมา)
  4. เปลี่ยนใจมาใช้ div แทน table ตอนที่ 2 (เมา DIVs)
  5. เปลี่ยนใจมาใช้ div แทน table ตอนที่ 1
หรือกำลังสนใจ
  1. ประเทศไทยในสงครามสี ที่หนาวเย็น

Unknown Version Unknown

© Since 2006 ThaiCSS หมู่ที่ 2 บ้านหลุบหวาย ตำบลบ้านตาด อำเภอเมือง จังหวัดอุดรธานี 41000 Contact : Contact ThaiCSS