เปลี่ยนใจมาใช้ 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 แทน

รักกันชอบกันอย่าลืมแชร์นะครัช:
error0
Tweet 20
fb-share-icon20

Back to Top

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

  1. radiz

    ตามมาดูผู้เมา divs

    Reply

  2. มารีจัง

    เหมือนกันเลย ช่วงแรก div กระจาย ง่ายๆ ก็ยัง div ๆๆๆ div มันเข้าไป แบบคนไม่รู้เรื่อง div ลูกเดียว 5555+

    Reply

  3. kai

    กำลังมาว เลย – -"

    Reply

  4. Piyapong Thanawang
    thanawang3rd

    ตอนนี้กรูก้อเมายังไมสร่างซักทีเซ็งตัวเองวุ้ย งงเบลอๆๆไงไม่รู้อยู่เนี่ย

    Reply

  5. StingerK

    เมากันไปหลายเป๊กเลยครับจารย์

    Reply

  6. SvZ

    ว้า… จะเปิดเทอมแล้วเซ็ง

    Reply

  7. カシア桂皮の

    เมาด้วย

    Reply

  8. uuppic

    ขอบคุณครับ นุ่งมึนจัด css อยู่ -*-

    Reply

  9. jo

    ขอบคุณครับที่ทำให้ผมหายเมา (นิดหน่อย)

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to Top

Social Share Buttons and Icons powered by Ultimatelysocial