คุณสามารถให้แนวทางใดสำหรับการจัดรูปแบบ HTML ที่สมบูรณ์ในอีเมลในขณะที่ยังคงรักษาเสถียรภาพของภาพที่ดีในไคลเอนต์จำนวนมากและอินเทอร์เฟซอีเมลบนเว็บ
คำตอบที่ไม่เกี่ยวข้องกับคำถามใน Stack Overflow แนะนำ:
http://www.campaignmonitor.com/blog/archives/2008/05/2008_email_design_guidelines.html
ซึ่งประกอบด้วยแนวทางต่อไปนี้:
- วางสไตล์ชีต
<body>แทน<head>
ไคลเอนต์อีเมลบางโปรแกรมจะตัด CSS ออกจากส่วนหัว แต่ปล่อยไว้หากบล็อกสไตล์อยู่ในเนื้อความ (ไม่ถูกต้อง) - ใช้สไตล์อินไลน์ในกรณีที่เป็นไปได้
Gmail จะตัดสไตล์ชีทใด ๆ ไม่ว่าจะอยู่ใน<head>หรือใน<body>สไตล์ แต่ให้เกียรติสไตล์อินไลน์ที่กำหนดโดยใช้style=""แอตทริบิวต์ - กลับไปที่ตาราง
มาตรฐานอีเมลได้ก้าวถอยหลังไปแล้วในช่วงไม่กี่ปีที่ผ่านมาด้วย Outlook 2007 ที่ใช้โปรแกรมการแสดงผล Microsoft Word เรียนรู้สิ่งที่เรียนรู้ส่วนใหญ่เกี่ยวกับการวางตำแหน่งโดยไม่มีสไตล์ชีต - อย่าพึ่งพารูปภาพ
ไคลเอนต์ส่วนใหญ่และไคลเอนต์อีเมลบนเว็บส่วนใหญ่จะไม่แสดงภาพเว้นแต่ผู้ใช้จะร้องขอให้แสดงโดยเฉพาะ
ฉันยังมีความจริงที่ "ไม่ยืนยัน" บางส่วนซึ่งจำไม่ได้ว่าอ่านที่ไหน
- อย่าใช้มากกว่าสองระดับของการซ้อนในตาราง
เป็นจริงหรือไม่ จะเกิดอะไรขึ้นถ้าฉันทำ? มีลูกค้า / ลูกค้ารายใดที่สำลักสิ่งนี้หรือไม่? - โปรดระวังการซ้อนภาพพื้นหลังในเซลล์ / ตาราง
ตามที่ฉันเข้าใจคุณอาจประสบกับสถานการณ์ที่นำภาพพื้นหลังไปใช้ในตาราง / เซลล์จากมากไปหาน้อยโดยสมบูรณ์และไม่ใช่แค่ "ส่องผ่าน" อีกครั้งจริงหรือไม่? ลูกค้ารายใด
ฉันต้องการสรุปรายชื่อนี้ด้วยแนวทางและประสบการณ์เพิ่มเติมจากสนามเพลาะ
คุณสามารถเสนอคำแนะนำเพิ่มเติมได้หรือไม่?
อัปเดต:ฉันขอแนวทางโดยเฉพาะสำหรับส่วนการออกแบบใน HTML และความสอดคล้องที่นั่น คำถามเกี่ยวกับหลักเกณฑ์ทั่วไปในการหลีกเลี่ยงตัวกรองสแปมและความเอื้อเฟื้อทั่วไปมีอยู่แล้วใน SO
นี่คือรายการใหญ่ของทรัพยากรในคำถามที่คล้ายกันมาก
—
จอห์น