이메일 발송 시

HTML 이메일의 특성과 이메일 클라이언트의 보안 정책을 고려해야 합니다. 일반적으로 다음과 같은 제약 사항이 있습니다:

❌ 사용이 제한되는 요소:

1. JavaScript – 대부분의 이메일 클라이언트에서 차단됩니다.
2. Flash – 보안 문제로 인해 대부분의 이메일 클라이언트에서 지원되지 않습니다.
3. Object, iframe, frame – 대부분 차단되거나 무시됩니다.

✅ HTML 이메일 작성 시 권장 사항:

1. In-line CSS 사용 – <style> 태그는 일부 이메일 클라이언트에서 지원되지 않으므로, 모든 스타일을 인라인(style="")으로 작성하는 것이 좋습니다.
2. 테이블 기반 레이아웃 – CSS Grid나 Flexbox는 일부 클라이언트에서 제대로 렌더링되지 않을 수 있으므로, <table>을 이용한 레이아웃 구성이 안정적입니다.
3. 웹 폰트 제한 – 대부분의 이메일 클라이언트는 기본 폰트(Arial, Verdana 등)만 지원합니다.
4. 미디어 쿼리 사용 가능(제한적) – Gmail 등 일부 클라이언트는 미디어 쿼리를 지원하지만, Outlook에서는 제한이 있을 수 있습니다.
5. 이미지 사용 시 주의 – 일부 클라이언트에서는 이미지 로딩이 기본적으로 차단될 수 있으므로, alt 속성을 활용하세요.

✨ 추가 권장 사항:

• <div>보다는 <table>을 활용한 구조 설계를 추천합니다.
• 스타일 적용 시 !important를 적절히 활용하여 우선순위를 높일 수 있습니다.
• 이메일 템플릿을 만들 때는 Litmus, Email on Acid 같은 테스트 도구를 활용하여 다양한 클라이언트에서의 렌더링을 미리 확인하는 것이 좋습니다.