ย้ายไป HTML5 แต่อยากได้ Multi-browser Compatibility ทำอย่างไร?

กลยุทธ์การย้ายแบบค่อยเป็นค่อยไป (Progressive Enhancement)

1. เปลี่ยน DOCTYPE: <!DOCTYPE html>
2. ใช้ Semantic Elements: <section>, <article>, <nav>, <header>, <footer> (ร่วมกับ <div> ได้)
3. ใช้ Form Controls ใหม่: type="email", "url", "date" - เบราว์เซอร์เก่าจะ fallback เป็น type="text" เอง
4. Media Elements: <video>, <audio> ใส่ Fallback Content ไว้ข้างใน

สำหรับ Legacy IE (IE6-8)

ใช้ html5shiv (สร้าง Elements ให้รู้จัก) + Respond.js (Media Queries Polyfill)

<!--[if lt IE 9]>
<script src="html5shiv.min.js"></script>
<script src="respond.min.js"></script>
<![endif]-->

วิธีนี้ให้ใช้ HTML5 ได้วันนี้ พร้อมรองรับ Browser เก่า