나는 지금 10 년 넘게 웹 사이트를 개발해 왔지만, 이메일 클라이언트를 위해 개발할 때 웹 개발에 대한 많은 습관이 쓸모 없다는 것을 금방 발견했습니다. 이로 인해 엄청난 좌절감을 느꼈기 때문에 질문을 할 것이라고 생각했습니다.
때때로 Gmail, Outlook 등을 위해 디자인하는 저와 같은 다른 사람들을위한 모범 사례와 필요한 고려 사항은 무엇입니까?
예 : <style>...</style> 대 인라인 CSS.
간단히 말해서 웹 세계에서 이메일 세계로 전송되는 것은 무엇이며 그렇지 않은 것은 무엇입니까?
답변:
HTML 이메일을 배우려는 모든 사람을 위해 리소스를 나열 할 수있는 좋은 장소 인 것 같습니다. 이것은 (아마도) 웹에서 찾을 수있는 가장 포괄적 인 HTML 이메일 리소스 목록입니다. 행복한 학습.
시작 가이드 :
CSS 지원 및 일반 가이드 :
CSS는 항상 html 이메일로 인라인해야합니다. 다음은 CSS 인라이닝 도구 목록입니다.
반응 형 가이드 :
템플릿 및 프레임 워크 :
반응 형 대체 예 :
또한 위의 Ted Goas Responsive 링크에는 훌륭한 유동적 인 예가 있습니다.
문제 해결 및 일반 가이드 :
Outlook에서 작동하는 배경 이미지를 얻으려면 VML 을 사용해야 합니다 (body 태그 제외 ). 다음은 몇 가지 VML 링크입니다.
나는 한동안 나의 일을 위해 이것을 (아주 가끔) 해왔다. HTML 이메일에는 많은 함정이 있습니다. 다른 이메일 클라이언트는 HTML을 서로 다르게 렌더링하고 IE6를 고급처럼 보이게합니다.
여기 내가 지금까지 배운 내용의 여름이 있습니다.
이것은 포괄적 인 목록과는 거리가 멀지 만 대부분의 사람들을 올바른 방향으로 설정해야합니다.
인라인 CSS 및 테이블-2000 년경 웹 개발을 생각하면 괜찮을 것입니다. 캠페인 모니터에는 이메일 클라이언트가 처리 할 수있는 항목에 대한 훌륭한 리소스가 있습니다. 또한 테스트를 위해 http://www.emailonacid.com/ 을 사용 하여 많은 테스트를 보낼 필요가 없습니다.