HTML을 활용해 간단한 이메일 템플릿 작성_HTML/Xhtml_웹페이지 제작

오늘은 '로우테크' 질문에 대해 글을 써보려고 합니다.

저는 JavaScript Weekly와 같은 많은 뉴스레터를 구독했습니다. 이번 주의 주요 뉴스가 포함된 주간 이메일을 받아보세요.

어느 날, 나도 이런 메일을 보낼 수 있을까?라는 생각이 들었습니다.

그러다 보니 그게 쉽지 않더라고요. 배경과 편집 작업은 제쳐두고 이메일 템플릿을 디자인하는 것만으로도 많은 생각이 필요합니다.

이 형식의 이메일은 실제로 웹페이지이므로 정식 이름은 HTML 이메일입니다. 제대로 표시되는지 여부는 전적으로 메일 클라이언트에 따라 다릅니다. 대부분의 이메일 클라이언트(예: Outlook 및 Gmail)는 HTML 설정을 필터링하여 이메일을 인식할 수 없게 만듭니다.

HTML 이메일을 작성하는 비결은 15년 전의 웹 페이지 생성 방법을 사용하는 것임을 알게 되었습니다. 아래는 제가 정리한 글쓰기 가이드입니다.

1. 문서형

현재 가장 호환되는 Doctype은 XHTML 1.0 Strict입니다. 실제로 Gmail과 Hotmail에서는 Doctype을 삭제하고 이 Doctype으로 대체합니다.

이 Doctype을 사용한다는 것은 HTML5 구문을 사용할 수 없다는 것을 의미합니다.

　2. 레이아웃

웹페이지 레이아웃은 표를 사용해야 합니다. 먼저 가장 바깥쪽에 큰 테이블을 배치하여 배경을 설정합니다.

　　表格的 border 属性等于1, 是为了方便开发。正式发布的时候，再把这个属性设为0。

　　 현재 内层 ，放置第二个表格。 个表容。