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

เมา 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 แทน