programing

Gmail이 이메일에서 CSS를 차단하는 이유는 무엇입니까?

coolbiz 2021. 1. 17. 11:03
반응형

Gmail이 이메일에서 CSS를 차단하는 이유는 무엇입니까?


이메일에 CSS를 사용하여 보냈습니다.

Gmail에서 이메일을 받았을 때 모든 CSS가 비활성화되었습니다. 그러나 Thunderbird 또는 Outlook에서 이메일을 검색하면 모든 것이 정상입니다.

어떻게 고칠까요?


Gmail은 CSS를 완전히 차단하지 않습니다. 여전히 인라인 스타일을 지원합니다. 스타일 블록을 지원하지 않는 이유는 모르겠습니다. 다양한 웹 메일 및 이메일 클라이언트에서 CSS 지원에 대한 좋은 개요를 보려면 여기에 좋은 것이 있습니다. http://www.campaignmonitor.com/css/


스타일 시트는 웹 메일 공급자가 종종 차단하는 많은 HTML 기능 중 하나입니다.

HTML 메일은 상처의 세계이며 더 나아지지는 않을 것입니다. 실제로 더 나빠질 것으로 예상 할 수 있습니다 . 일부 메일러 또는 웹 메일 서비스 에서는 HTML의 거의 모든 기능이 지원되지 않습니다 . 현대적인 것은 모두 죽은 손실입니다. 물론 여전히 텍스트 전용 클라이언트가 있습니다.

코드를 엉망으로 만들고 모든 마지막 메일러를 테스트 할 시간이 끝없는 경우가 아니라면 HTML 메일을 잊어 버리십시오 . 모든 것이 예상대로 작동하는지 확인할 수있는 일반 웹 페이지에 대한 링크와 함께 문자 메일을 보내십시오.


나는 너무 늦게 대답하고 있지만 이것은 여기 누군가를 도울 수 있습니다. Gmail 및 기타 이메일 클라이언트에서 메일을 그대로 볼 수 있으려면 HTML의 각 태그에 대해 인라인 스타일이 필요하지만 각 html 태그에 대해 인라인 CSS를 작성하는 것은 시간이 많이 걸리므로 시간을 절약 할 수 있습니다.

http://templates.mailchimp.com/resources/inline-css/

전체 이메일 템플릿을 붙여 넣기 만하면 각 태그에 인라인 CSS가 포함 된 html 문서가 생성됩니다. 훨씬 쉽습니다 :)

참고 : 클래스와 ID를 그대로 사용할 수 있습니다.


이메일의 클래스 및 ID에 스타일을 삽입 할 수있는 경우 해당 스타일은 실수로 Gmail에서 애플리케이션을 표시하는 데 사용하는 스타일과 충돌하거나 고의로 악의적 인 의도를 가진 사람이 충돌 할 수 있습니다. 인라인 스타일은 태그에 국한되므로 Gmail 스타일은 그대로 둡니다.

Google은 사람들을 위해 만든 사용자 경험을 보호해야합니다.


또 다른 좋은 정보 소스는 MailChimp EMail Template Reference 입니다. 개발 섹션은 CSS GMail이 지원하는 내용과이를 활용하는 방법에 대한 정보를 포함하고 있기 때문에 특히 유용합니다.


나는 방금 이것을 테스트하고 있으며 인라인 스타일을 지원하고 코드를 약간 추악하게 만들지 만 모든 것을 해결할 수 있습니다.

도움이되기를 바랍니다.


Ruby on Rails 및 ActionMailer를 사용하는 경우 gem ActionMailer Inline CSS를 사용할 수 있습니다 . gem을 설치하기 만하면 메일 템플릿의 모든 CSS가 자동으로 인라인됩니다. 말 그대로 더 쉬울 수는 없습니다.

GitHub의 ActionMailer 인라인 CSS


<style type="text/css"></style>

태그가 저에게 ;효과적이었습니다. 지루한 프로세스를 놓 쳤기 때문에 모든 CSS가 작동하지 않는 문제가 있었지만 결국 발견했습니다.

링크 # 9는 CSS의 개별 라인 때문일 수 있다는 초기 힌트를 제공했습니다.


Gmail은 스타일 시트, 이미지, 스크립트 등 모든 외부 (참조) 자산을 차단합니다. 이는 수신자의 개인 정보를 보호하기위한 것입니다. 인라인 스타일은 계속 포함 할 수 있습니다.

<span style="color:red;">Red text</span>

참조 URL : https://stackoverflow.com/questions/1555171/why-is-gmail-blocking-css-in-emails

반응형