ENewsletters에서 HTML 콘텐츠 위치 유지하기

Question

HTML 콘텐츠를 한 브라우저/이메일에서 다른 위치/형식으로 상대 위치 및 형식으로 유지하려면 어떻게해야합니까? e- 뉴스 레터를 개발할 때 형식은 한 전자 메일 서버에서 다른 전자 메일 서버와 다르게 나타납니다 (두 개의 전자 메일을 테스트 할 때).

예 : Gmail에서 이메일을 열면 이미지 주위의 여백은 원하는 곳이지만 내 작업 Outlook에서 여는 경우에는 여백이 거의 없습니다.

예 : Outlook의 스타일 시트에 따라 글꼴이 표시되지만 Gmail에서는 변경됩니다.

스타일 시트와 위치를 유지하여 모양을 일정하게 유지하려면 어떻게해야합니까?

Answer 1

전자 메일 클라이언트는 HTML (특히 Outlook 및 Lotus Notes)을 렌더링 할 때 악명이 높습니다. 일반적으로 인라인 CSS 스타일을 사용하여 장애가있는 HTML을 작성합니다. 이것은 near future에서 더 좋아지지 않을 것입니다.

가능한 한 간단하게 디자인하면 많은 클라이언트에서 제대로 보이게 만드는 데 어려움이 없습니다. HTML을 작성하는 실제 우수 사례는 주로 지원할 클라이언트에 따라 다릅니다.

HTML 전자 메일 렌더링 문제에 대한 일반적인 솔루션에 대한 통찰력을주는 몇 가지 유용한 기사 :

• Article at A List Apart
• Guide at ReachCustomersOnline

에 뉴스 레터를 확인할 수있는 몇 가지 쉬운 웹 서비스가 있습니다 여러 고객에게 제공하고 결과의 스크린 샷을 제공합니다.

• Litmus
• MailChimp
• CampaignMonitor

: 그들은 일반적으로 돈 가치가있다