Tôi có nên sử dụng HTML 4.0 để đánh dấu các mẫu email của mình không?

Question

Nhà thiết kế đã mã hóa mẫu html bằng cách sử dụng các phương pháp hay nhất về CSS. Tôi muốn sử dụng mẫu này làm mẫu bản tin email, nhưng tôi đã nghe mọi người nói rằng hotmail, yahoo và gmail cung cấp hỗ trợ giới hạn cho CSS.

Tôi có phải mã lại các mẫu này bằng cách sử dụng bố cục bảng và thẻ phông chữ không?

Answer 1

Câu trả lời ngắn gọn là Có.

Bạn sẽ nhận được khả năng tương thích tốt nhất trên các tài khoản email trực tuyến & các ứng dụng email bằng cách sử dụng HTML cơ bản và hạ xuống thấp nhất có thể.

• Không sử dụng bất kỳ tệp CSS nào hoặc < kiểu > thẻ. Làm mọi thứ nội tuyến.
• Xử lý vị trí với các bảng lồng nhau có độ rộng rõ ràng
  • tôi sử dụng rất nhiều ý kiến ​​HTML trong những tình huống này để chắc chắn rằng tôi không bị lẫn lộn về nơi tôi đang ở cách bố trí.
• Tất cả văn bản phải được bao quanh bởi < phông chữ > thẻ có thông tin kiểu phông chữ.
• Hình ảnh phải có độ rộng rõ ràng & độ cao.
  • Điều này giúp email giữ nguyên bố cục thích hợp khi hình ảnh bị chặn.

---

Tôi thường thử nghiệm trên mức tối thiểu các nội dung sau:

• Outlook 2003
• Outlook 2007
  • Hầu hết các cơn đau đầu của bạn sẽ đến từ đây.
• Thunderbird
• Entourage (OSX phiên bản của Outlook)
• Gmail
• Hotmail
• Yahoo Mail

Bạn thường trong tình trạng khá tốt nếu bạn nhận được một cái gì đó mà chương trình lên đúng trên tất cả những người.

Chúng tôi sử dụng Mục tiêu chính xác và họ có tính năng xem trước HTML nhưng không hoàn hảo. Tôi đã chạy vào rất nhiều tình huống mà một email có vẻ tốt trong chế độ xem trước nhưng vẫn đi qua bị phá vỡ trong Outlook 2007.

Answer 2

Để xây dựng dựa trên những gì Mark nói:

Nếu có thể, tránh sử dụng CSS ở tất cả (mặc dù, nó thường là alright cho những thứ như văn bản).Sử dụng các bảng cho tất cả các vị trí, rỗng <td> các phần tử cho các vị trí đệm/bit định vị nhỏ hơn.

Và ngay cả với tất cả điều này, nó sẽ trông hoàn hảo trong một vài chương trình/trang web email. Email HTML là, tôi khá tự tin khi nói, hoàn toàn không thể làm theo cách mà nó hiển thị hoàn hảo trong tất cả các ứng dụng thư/ứng dụng thư.

Answer 3

Đánh dấu trên cho biết tất cả mọi thứ mà bạn cần phải làm gì để phát triển các mẫu email (đó là những năm 90 khắp nơi trên một lần nữa), nhưng tôi muốn thêm một điều cuối cùng:

http://www.email-standards.org/ là một nguồn lực lớn để xem khách hàng email cách khác nhau giải thích HTML và CSS.

Answer 4

Bạn sẽ phải quay lại HTML tuổi để có được email HTML hoạt động như được đề xuất. Tất cả các kiểu nội tuyến trong html. Không có thẻ STYLE hoặc bảng định kiểu bên ngoài.

MailChimp và CampaignMonitor cả hai đều cung cấp các mẫu email HTML miễn phí tuyệt vời. Họ cũng cung cấp cả dịch vụ kiểm tra email gửi email html của bạn đến nhiều ứng dụng email khác nhau và sau đó gửi cho bạn ảnh chụp màn hình của kết quả.

Answer 5

sử dụng thẻ div có chiều cao cố định/chiều cao và đặt tất cả HTML của bạn vào đó. Nó sẽ giống nhau ở hầu hết các khách hàng. Iv'e đã ​​thử nó trước và nó hoạt động tốt.