Bạn có thể đưa ra những nguyên tắc nào để định dạng HTML phong phú trong email trong khi duy trì sự ổn định hình ảnh tốt trên nhiều ứng dụng khách và giao diện email dựa trên web?
Một câu trả lời không liên quan cho một câu hỏi trên Stack Overflow được đề xuất:
http://www.campaignmonitor.com/blog/archives/2008/05/2008_email_design_guidelines.html
Trong đó có các nguyên tắc sau:
- Đặt biểu định kiểu vào
<body>thay vì<head>
Một số ứng dụng email sẽ loại bỏ CSS ra khỏi phần đầu, nhưng hãy để nguyên nó nếu khối định kiểu nằm trong phần nội dung (không hợp lệ). - Sử dụng các kiểu nội tuyến nếu có thể
Gmail sẽ loại bỏ bất kỳ biểu định kiểu nào, dù trong<head>hoặc trong<body>, nhưng tôn trọng các kiểu nội tuyến được chỉ định bằngstyle=""thuộc tính - Quay lại bảng Các
tiêu chuẩn email thực sự đã có một bước lùi lớn trong những năm gần đây nhờ Outlook 2007 sử dụng công cụ kết xuất Microsoft Word. Tìm hiểu hầu hết những gì bạn đã học về định vị mà không cần bảng định kiểu. - Không dựa vào hình ảnh
Hầu hết các ứng dụng khách và hầu hết các ứng dụng email dựa trên web sẽ không hiển thị hình ảnh trừ khi người dùng yêu cầu cụ thể chúng được hiển thị.
Tôi cũng có một vài sự thật "chưa được kiểm chứng" mà tôi không nhớ đã đọc chúng ở đâu.
- Không sử dụng nhiều hơn hai cấp độ lồng nhau trong bảng
Điều này có đúng không. Điều gì có thể xảy ra nếu tôi làm vậy? Có khách hàng / khách hàng cụ thể nào mắc kẹt về điều này không? - Hãy cẩn thận với việc lồng các hình nền trong các ô / bảng
Như tôi hiểu, bạn có thể gặp phải các tình huống mà hình nền được áp dụng trong bảng / ô giảm dần hoàn toàn mới, và không chỉ "chiếu xuyên qua". Một lần nữa, đúng hay không? Khách hàng nào?
Tôi muốn bổ sung danh sách này với nhiều hướng dẫn và kinh nghiệm hơn từ các chiến hào.
Bạn có thể cung cấp thêm bất kỳ đề xuất?
Cập nhật: Tôi đặc biệt yêu cầu các nguyên tắc cho phần thiết kế trong HTML và tính nhất quán ở đó. Các câu hỏi về nguyên tắc chung để tránh bộ lọc thư rác và phép lịch sự thông thường đã có trên SO.