HTML 이메일 보내기 제안 : 스타일을 사용하여 인라인 CSS를 작성합니다. 적은 사진을 사용하십시오. 테이블을 사용하여 왼쪽 및 오른쪽 레이아웃 또는 더 복잡한 레이아웃을 구현합니다. 배경 요소를 사용하여 배경 사진 등을 설정하십시오.
거의 모든 회원 기반 웹 사이트는 배경을 통해 이메일을 보내 등록 확인, 마케팅 프로모션과 같은 회원과 의사 소통해야합니다. 사이트에서 회원에게 보낸이 서한은 종종 인터페이스 및 상호 작용 요구 사항을 충족 할 수 없으므로 HTML 페이지를 보내야합니다. HTML 이메일은이 웹 사이트에서 독립적 인 호스트가 아니기 때문에 다른 사람들에게 의존합니다. 따라서 HTML 메일을 작성하는 것은 HTML 페이지 작성과는 매우 다릅니다. 네티즌의 모든 주류 사서함은 백그라운드에서받는 HTML 메일을 어느 정도 필터링하기 때문에. 전자 메일 보안 고려 사항을 기반으로하는 Onclick 및 OnMouseOver와 같은 모든 이벤트 청취 속성을 포함하여 JS 코드가 엄격하게 필터링된다는 것은 의심의 여지가 없습니다. 뿐만 아니라 CSS 코드도 부분적으로 필터링됩니다. 내가 말하고 싶은 것은 주요 주류 사서함에 의해 필터링되지 않고 정상적으로 표시 될 수있는 HTML 이메일을 작성하는 방법입니다.
HTML 이메일 보내기 제안 : 스타일을 사용하여 인라인 CSS를 작성합니다. 적은 사진을 사용하십시오. 테이블을 사용하여 왼쪽 및 오른쪽 레이아웃 또는 더 복잡한 레이아웃을 구현합니다. 배경 요소를 사용하여 배경 사진 등을 설정하십시오.
먼저 이메일이 HTML 이메일을 표시하는 방법을 살펴 보겠습니다. 전자 메일 시스템을 만든 적이 없으며 주요 이메일 주소의 백엔드에서 필터링 알고리즘은 외부인이 알기가 쉽지 않습니다. 따라서 프론트 엔드 디스플레이를 통해서만 전자 메일로 허용되는 글쓰기 방법을 추론하고 필터링 될 지 추론 할 수 있습니다. Gmail, Hotmail, 163, Sohu 및 Sina의 분석을 통해 이메일 주소를 두 가지 범주로 나누었습니다.
첫 번째 범주에는 Gmail, Hotmail 및 Sohu가 포함됩니다. 전자 메일 콘텐츠는 전체 사서함 페이지의 DIV에 배치됩니다.
163과 Sina를 포함한 두 번째 범주는 독립 iframe에서 이메일 내용을 정리하는 데 사용됩니다.
HTML에 익숙한 친구들은 iframe 컨텐츠가 독립적 인 문서이며 부모 페이지의 요소 및 CSS와 관련이 없으며 거의 독립적 인 페이지로 취급 할 수 있습니다. 이메일 콘텐츠가 DIV에있는 경우 이메일 콘텐츠는 전체 이메일 페이지의 필수 부분입니다. 분명히, 이메일의 프레젠테이션 방법으로 iframe을 사용하면 이메일 컨텐츠에 훨씬 더 견딜 수 있습니다. 프레젠테이션을위한 충분히 독립적 인 공간을 제공하기 때문입니다. 그리고 div는 그렇게 예의 바르지 않습니다. 이 CSS를 이메일로 작성하면 전체 사서함의 글꼴이 20px가되고 지저분 해집니다.
<스타일 유형 = 텍스트/CSS>
바디 {font-size : 20px}
</스타일>
<스타일 유형 = 텍스트/CSS>
바디 {font-size : 20px}
</스타일>
각 이메일 주소와 호환되는 통합 이메일 템플릿을 작성해야하므로 위의 외부 CSS 작성 방법을 피해야합니다. 또한 비정상적인 함량 스트림이있는 플로트, 위치 등과 유사한 스타일도 필터링됩니다. 글을 쓰면 외부 이메일 주소의 성능에 영향을 줄 수 있습니다.
아래에 나는 몇 가지 글쓰기 원칙을 나열합니다.
1. 글로벌 규칙 중 하나 : <style> 태그 나 클래스를 쓰지 마십시오. 모든 CSS는 스타일 속성을 사용합니다. 스타일을 사용하여 스타일이 필요한 모든 요소에 대해 인라인 CSS를 작성하십시오.
2. 글로벌 규칙 2 : 더 적은 그림을 사용하십시오. 이메일 주소는 IMG 태그를 필터링하지 않습니다. 그러나 시스템은 종종 기본적으로 낯선 사람의 사진을로드하지 않습니다. 사진과 함께 많은 메일 메시지를 사용하는 경우 영화가로드되지 않은 경우 매우 추악하고 콘텐츠를 명확하게 볼 수 없습니다. 참을성이없는 사용자는 직접 삭제합니다. alt는 그림에 추가해야합니다.
3. 플로트와 위치 스타일을 스타일로 작성하지 마십시오. 필터링되기 때문입니다. 그렇다면 왼쪽 및 오른쪽 레이아웃 또는 더 복잡한 레이아웃을 달성하는 방법은 무엇입니까? 테이블 사용.
4. 배경은 스타일 내용으로 설정할 수 있지만 IMG는 필터링되므로 배경 이미지는 CSS를 통해 설정할 수 없습니다. 그러나 이미지 경로를 정의 할 수있는 배경이라고도하는 매우 흥미로운 요소 속성이 있습니다. 이것은 좋은 대안입니다. 이 기능은 배경 이미지를 찾을 수없는 것과 같이 제한되어 있지만, 그렇지 않은 것보다 더 낫습니다. 예를 들어, 셀에 배경을 추가하려면 다음과 같이 작성해야합니다.
<td background = http : //image1.koubei.com/images/common/logo_koubei.gif> </td>
<td background = http : //image1.koubei.com/images/common/logo_koubei.gif> </td>
5. DIV 모드의 이메일 주소는 Flash를 지원하지 않으며 iframe 모드를 확인해야합니다.
마지막으로 Sohu의 이메일 주소가 매우 이상하다고 언급하고 싶습니다. 각 텍스트 세그먼트 후 공간이 추가되어 원래 일반 레이아웃이 포함되지 않고 선이 끊어지면 일부 레이아웃이 혼란스러워집니다. 따라서 Sohu 사서함과 호환 되려면 소형 레이아웃을 만날 때 더 조심해야하며 텍스트 세그먼트 수를 최소화하고 충분한 너비를 남기십시오.