นักพัฒนามือใหม่หลายๆคน น่าจะต้องเคยพลาดกันมาแล้ว ที่พอทำอีเมล์แบบ HTML ไว้อย่างสวยงาม แต่มาเละตอนเปิดจากกล่องอีเมล์ผู้รับ สาเหตุหลักๆเลย เพราะว่า แต่ละผู้ให้บริการ Webmail หรือ Client ที่ใช้เปิดอีเมล์ HTML นั้น มีการรองรับการแสดงผลของ HTML และ CSS ไม่เหมือนกันนั้นเอง
ถ้าเพื่อนๆจะต้องทำการส่งอีเมล์ HTML ในงานหรือโครงการไหนก็ตาม จำเป็นต้องรู้ว่า HTML/CSS ที่จะใช้นั้น สามารถใช้งานและแสดงผลได้ถูกต้องบนอีเมล์ของผู้รับได้ ไม่ว่าเขาจะใช้บริการอีเมล์และเปิดจาก Client ไหนก็ตาม
ขอแนะนำเว็บแสดงตาราง Compatibility หรือตารางบ่งบอกถึงการรองรับ HTML และ CSS กับผู้ให้บริการอีเมล์แต่ละเจ้าด้วย ซึ่งนั้นก็คือ caniuse.email
ในเว็บนี้จะมีตารางบ่งบอกว่า HTML หรือ CSS ไหนบ้าง ที่รองรับ และไม่รองรับในแต่ละ Client ไม่ว่าจะเป็น Gmail, Outlook, Apple mail ฯลฯ ไล่ตั้งแต่
- CSS Background
- CSS Box
- CSS Border
- CSS Media Queries
- CSS Text
- CSS Table
- HTML
- Link element
- Style element
ขึ้นอยู่กับความต้องการของตัวงาน และกลุ่มเป้าหมายผู้ใช้งาน เพื่อนๆสามารถเลือกใช้ HTML/CSS ที่ครอบคลุมอย่างเหมาะสมได้นะครับ
นอกจากนี้ เว็บนี้ยังเป็น Open Source ให้เพื่อนๆที่สนใจ สามารถไปช่วย contribute กันต่อได้ด้วยที่
https://github.com/caniuse-email/caniuse.email
เมื่อรู้แล้ว ก็จงระวัดระวัง อย่าพลาดเผลอทำอีเมล์ HTML เละจนต้องหน้าแตก เหมือนผมตอนนำเสนอสมัยเริ่มทำงานใหม่ๆเลย