1. เอา tag <div> ที่ไม่จำเป็นออกไป
สำหรับบางคน หากคิดอะไรไม่ออกก็ใช้ <div> ไว้ก่อน จนมีมากเกินไป เพราะฉะนั้นเราควรตัด <div> ให้เหลือเฉพาะส่วนที่จำเป็นเท่านั้น ทีนี้เรามาดูตัวอย่างการใช้ <div> ที่มากเกินความจำเป็นกันดีกว่า

ตัวอย่างที่ 1

ตัวอย่างที่ 2

2. เลือกใช้ tag ให้เหมาะสม

3. ใช้ tag <div> ให้น้อยที่สุดและใช้งาน tag ให้ถูกความหมาย
ตัวอย่างที่ 1
แทนที่เราจะใช้ <div> สำหรับ breadcrumb หรือ ข้อมูลที่เกี่ยวกับการบอกตำแหน่งที่อยู่ในเว็บไซต์ เราก็ควรจะใช้ <p> มากกว่า เพราะข้อมูลนี้ถือว่าเป็นข้อความ(paragraph)

ตัวอย่างที่ 2
บางคนก็นำ <div> เพราะอยากจะให้ข้อมูลขึ้นบรรทัดใหม่โดยไม่ได้คำนึงถึงการใช้งานเลยว่า ใช้ถูกต้องตามความหมายรึเปล่า

4. จัดรูปแบบ code ให้เป็นระเบียบอยู่เสมอ
ถ้าหากว่าใครใช้โปรแกรม Adobe Dreamweaver ก็สามารถทำได้ง่าย ๆ โดยการเลือกไปที่เมนู Commands > Apply Source Formatting เพียงเท่านี้เจ้า dreamweaver ก็จะจัดรูปแบบโค้ดให้เราเรียบร้อย (ง่ายมั้ยหละ)

5. เขียน comment ไว้ใกล้ ๆ กับ </div>
ในกรณีที่เว็บไซต์เรานั้นมีการแยกไฟล์ออกเป็นส่วนต่าง ๆ เช่น index.php, header.php, sidebar.php footer.php การที่เราเขียน comment ไว้นั้นจะค่อยให้เราสามารถเข้าใจและแก้ไขโค้ดบริเวณต่าง ๆ ได้อย่างชัดเจน

อ่านข้อมูลทั้งหมดได้ที่ : http://www.webdesignerwall.com/tutorials/coding-clean-and-semantic-templates/