web-dev-qa-db-ja.com

HTMLファイルの本文内に<style> ... </ style>タグを挿入して、メールで送信できますか?

多くのメールクライアントがHEADタグを無視するため、本文にインラインスタイルシートを埋め込むことはできますか?

38
Manu

短い答えはノーです。 Gmailはタグとそのコンテンツを削除します。

Hotmail、Yahoo!メールとWindows Liveメールでは、body要素のスタイルタグは削除されません。

しかし、HTMLメールの "CSSの究極のガイド" をキャンペーンモニターでご覧ください。

54
cllpse

すべてのメールクライアントで機能するHTMLメールを作成するのは困難です。見栄えの良いテンプレートを改良するために数ヶ月を費やしました。

http://commadot.com/the-holy-mail/ -私の発見を元のブログ。

http://commadot.com/email-best-practices/ -最新の最高。

質問に対する具体的な回答:Gmailはstyle=""で問題ありませんが、<style>ブロックでは問題ありません。

9
Glen Lipka

CampaignMonitorおよびMailChimp(EDIT:およびInk by Zurb)が提供する無料のhtmlメールテンプレートをチェックアウトできます。

http://www.campaignmonitor.com/templates/

http://www.mailchimp.com/resources/templates/

http://zurb.com/ink/

キャンペーンモニターの役立つガイドの更新版がここにあります: http://www.campaignmonitor.com/css/

残念ながら、メールで使用する最も信頼できるHTMLは完全に石器時代です

EDIT:Inkには、styleタグの内容を取得して適切な要素にインライン化する「インライン化」ツールがあります。 http://zurb.com/ink/inliner.php

7
Andy Ford

はい、できます。ただし、CSS標準を尊重するメールクライアントはほとんどないことに注意してください。 marginpaddingなどの基本的なcssプロパティに固執するだけで十分です。

また、インラインでHTML要素のスタイルを設定できます(<div style="">)それはエレガントなソリューションではありませんが。

1
teebot

2016年9月現在、ほとんどのGmailクライアントは埋め込みCSSをサポートしているため、安全に実行できます。

https://litmus.com/blog/gmail-to-support-responsive-email-design

1
Chris Villa