문제

디자이너는 코드를 html 템플릿을 사용하여 CSS 모범 사례를 설명합니다.내가 이것을 사용하고 싶으로 템플릿을 이메일 뉴스레터 템플릿,하지만 내가 들었어요 사람들이 말하는 hotmail,야후,gmail 제공 제한에 대한 지원 CSS.

을 다시 코드를 이러한 템플릿을 사용하여 레이아웃 테이블과 글꼴을까?

도움이 되었습니까?

해결책

짧은 대답입니다 .

당신은 최상의 호환성을 통해 웹 메일 계정 및 이메일을 사용하여 클라이언트에 가장 기본적이고리를 풀고 아래 HTML 가능합니다.

  • 를 사용하지 않는 모든 CSS 파일이나 <style> tags.마 모든 것 인라인 요소입니다.
  • 핸들 위치를 중첩된 테이블의 명시적 폭
    • 내가 만드는 많이 사용하 HTML 의견이 이러한 상황에서 확인하지 않을 얻을 혼란에 대해 나는 어디에서 레이아웃이 있습니다.
  • 모든 텍스트를 해야에 둘러싸여 있 <font> 으로 태그에 글꼴 스타일 정보 등이 있습니다.
  • 이미지가 명시적 폭&니다.
    • 이메일 유지하는 적절한 레이아웃의 경우 이미지는 차단됩니다.

나는 일반적으로 테스트에서 최소한 다음과 같다:

  • Outlook2003
  • Outlook2007
    • 의 대부분은 당신의 두통이 여기에서 온다.
  • 썬더버드
  • Entourage(OSX Outlook 버전)
  • Gmail
  • 핫메일
  • Yahoo 메일

당신은 일반적으로 아주 좋은 모양을 얻는 경우에는 무언가를 제대로 보여주에서의 모든 사람들.

우리가 사용하는 정확한 목표 그리고 그들은 HTML 미리보기 기능을 하지만 그것은 완벽하지 않습니다.로 의 상황 이메일 좋은 미리보기에서 있지만 여전히 통해 온 부러진 Outlook2007.

다른 팁

위 표시 말한 모든 것을 당신이해야 할 개발 이메일 템플릿(그것은 90 의 모든 것을 다시),그리고 추가 마지막으로 하나:

http://www.email-standards.org/ 훌륭한 리소스를 보는 방법을 다른 이메일 클라이언트를 해석에 HTML 과 CSS.

을 구축했:

가능한 모든 경우에 사용하지 마십시오 CSS(비록 그것은 일반적으로 괜 같은 것들에 대한 텍스트).사용 테이블에 대한 모든 위치,빈 <td> 요소 위해 패딩/작은 두 비트입니다.

심지어 이 모든 그것만 가고 완벽한 보고에서 몇 가지 이메일을 프로그램/사이트입니다.HTML 이메일입니다,나는 상당히 자신감을 말하다,완전하게 수행하는 것이 불가능에서 그러한 표시하는 방식으로 완벽하게 모든 메일 클라이언트/애플리케이션.

당신은 다시 돌이 HTML 을 얻을 HTML 이메일을 작품으로 표시 권장합니다.모든 스타일에서 인라인 html.스타일 태그 또는 외부 스타일 시트.

메일 침프CampaignMonitor 모두 뛰어난 무료 HTML 이메일 템플릿이 있습니다.그들은 또한 모두 제공 이메일 테스트 서비스를 보내는 html 이메일 여러 가지 이메일 클라이언트에 보내신 스크린샷의 결과입니다.

사용 div 도/weigth 모두 HTML 습니다.그것은 것 같은 모양에서 대부분의 클라이언트.Iv'e 이 전에 그것을 시도하고 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top