การแนะนำบทความของ wulin.com (www.vevb.com): เมื่อเราทำการตลาดผ่านอีเมลเราหวังว่าผู้ใช้จะเปิดอีเมลและดูว่าเราส่งไปยังอีกฝ่าย อย่างไรก็ตามการแสดงผลของหน้า HTML ทางอีเมลนั้นแตกต่างจากเบราว์เซอร์ ความสามารถในการแสดงผลนั้นเล็กกว่ามาก เอฟเฟกต์ที่แสดงตามปกติในเบราว์เซอร์จะทำให้เกิดข้อผิดพลาดในอีเมลหรือไม่สามารถแสดงผลได้
เมื่อเราทำการตลาดผ่านอีเมลเราหวังว่าผู้ใช้จะเห็นว่าหลังจากเปิดที่อยู่อีเมลเราจะส่งไปยังอีกฝ่าย อย่างไรก็ตามการแสดงผลของหน้า HTML ตามที่อยู่อีเมลนั้นแตกต่างจากที่เบราว์เซอร์ ความสามารถในการแสดงผลนั้นเล็กกว่ามาก เอฟเฟกต์ที่แสดงตามปกติในเบราว์เซอร์จะทำให้เกิดข้อผิดพลาดในอีเมลหรือไม่สามารถแสดงผลได้ หลังจากการทดสอบนับไม่ถ้วนเมื่อออกแบบและผลิตอีเมลเว็บเว็บไซต์การสอนเว็บจะเตือนให้คุณใส่ใจกับประเด็นต่อไปนี้:
1. ไม่สามารถใช้รูปภาพพื้นหลังได้
2. สไตล์จะต้องเขียนลงในรหัส HTML คล้ายกับ Style = Decoration: None; สี:#666; ขนาดตัวอักษร: 12px; นอกจากนี้สไตล์ใน <'style> <'/style> จะต้องวางไว้ในร่างกายเพื่อทำงาน แต่บางรูปแบบจะหายไปในระหว่างกระบวนการส่งต่อดังนั้นจึงไม่แนะนำให้ใช้
3. เพิ่ม alt และชื่อเรื่องในแต่ละภาพ
4. พิจารณาความกว้างของอีเมล ผู้ใช้หลายคนกำลังใช้แล็ปท็อปและความละเอียดของแล็ปท็อปคือ 1280*708 - - ดังนั้นสำหรับประสบการณ์การใช้งานที่ดีในตอนแรกคุณต้องมีความกว้างที่เหมาะสม
5. รูปภาพทั้งหมดจะต้องมีที่อยู่สัมบูรณ์มิฉะนั้นจะไม่แสดงบนเทอร์มินัลไคลเอนต์และสามารถแสดงใน Foxmail;
6. ในแง่ของเค้าโครงใช้ตารางไม่ใช่ div เพราะแม้กระทั่งมาร์จิ้น: 0 อัตโนมัติไม่ทำงานในอีเมล แอตทริบิวต์ CSS ไม่ได้ทดสอบ แต่มันถูก จำกัด จริงๆดังนั้นใช้ตาราง
7. พยายามเพิ่มความกว้างให้กับแต่ละบล็อก หากคุณไม่ได้เขียนความกว้างจะมีข้อบกพร่องที่อธิบายไม่ได้
8. เอฟเฟกต์การแสดงผลอยู่ภายใต้ที่อยู่อีเมล ในบางกรณีเบราว์เซอร์จะแตกต่างจากที่อยู่อีเมล
คำเตือนความเสี่ยง:
เมื่อหน้าต่างแคบลงในระดับหนึ่งรูปภาพบางภาพจะลดลงและขอบเขตของหน้าจะไม่เป็นระเบียบ นี่คือกฎการแสดงผลของอีเมล ด้วยการออกแบบในปัจจุบันข้อผิดพลาดนี้ไม่สามารถหลีกเลี่ยงได้ดังนั้นความกว้างสามารถเปลี่ยนได้ให้เล็กลงเท่านั้น (ยังมีปัญหาเมื่อทดสอบอีเมลของระบบที่ส่งโดยศูนย์อีเมล NetEase)