多くのメールクライアントがHEADタグを無視するため、本文にインラインスタイルシートを埋め込むことはできますか?
短い答えはノーです。 Gmailはタグとそのコンテンツを削除します。
Hotmail、Yahoo!メールとWindows Liveメールでは、body要素のスタイルタグは削除されません。
しかし、HTMLメールの "CSSの究極のガイド" をキャンペーンモニターでご覧ください。
すべてのメールクライアントで機能するHTMLメールを作成するのは困難です。見栄えの良いテンプレートを改良するために数ヶ月を費やしました。
http://commadot.com/the-holy-mail/ -私の発見を元のブログ。
http://commadot.com/email-best-practices/ -最新の最高。
質問に対する具体的な回答:Gmailはstyle=""
で問題ありませんが、<style>
ブロックでは問題ありません。
CampaignMonitorおよびMailChimp(EDIT:およびInk by Zurb)が提供する無料のhtmlメールテンプレートをチェックアウトできます。
http://www.campaignmonitor.com/templates/
http://www.mailchimp.com/resources/templates/
キャンペーンモニターの役立つガイドの更新版がここにあります: http://www.campaignmonitor.com/css/
残念ながら、メールで使用する最も信頼できるHTMLは完全に石器時代です
EDIT:Inkには、style
タグの内容を取得して適切な要素にインライン化する「インライン化」ツールがあります。 http://zurb.com/ink/inliner.php
はい、できます。ただし、CSS標準を尊重するメールクライアントはほとんどないことに注意してください。 margin
やpadding
などの基本的なcssプロパティに固執するだけで十分です。
また、インラインでHTML要素のスタイルを設定できます(<div style="">
)それはエレガントなソリューションではありませんが。
2016年9月現在、ほとんどのGmailクライアントは埋め込みCSSをサポートしているため、安全に実行できます。
https://litmus.com/blog/gmail-to-support-responsive-email-design