Office365 OutlookメールHTMLメールレンダ

Question

私は自分の職場でoffice365電子メールを使用して電子メールにアクセスしています。私はHTMLで開発されるダイナミックなニュースレターを生成する必要があります。しかし、HTMLページを電子メールに追加する方法を理解できないようではありません。

ブラウザーでhtmlページを開き、CTRL + Aを使用してコンテンツをコピーして電子メールエディターに貼り付けるという、いくつかの調査の後では、htmlを追加するように見えますが、これは適切ではありません溶液！

目的は、HTMLを書いて（これまでやっている）、HTMLページをOutlookの電子メールに追加することです。すべてのヘルプ/提案は高く評価されています

Answer 1

メールクライアントとウェブブラウザの両方でHTML/CSSを表示できますが、その方法は異なります。したがって、HTMLページをコピー/ペーストすると、Outlook365のような電子メールクライアントに同じ方法で表示されない可能性があります。

<div>の代わりに、メールレイアウトで<table>を使用する必要があります。また、メールはa small of CSS rulesのみをサポートし、インライン化する必要があります。

メールコードはより次のようになります。

<table cellpadding="0" cellspacing="0" border="0" align="center"> 
    <tr> 
    <td valign="top" style="vertical-align: top;background: #aaaaaa;"> 
     <span style="color: red; font-size: 12px;">text</span> 
    </td> 
    </tr> 
</table> 
<table cellpadding="0" cellspacing="0" border="0" align="center"> 
    <tr> 
    <td valign="top" style="vertical-align: top;"> 
     <img src="full path to image" alt="alt text" width="50" height="50"> 
    </td> 
    </tr> 
</table> 

あなたはこのようにあなたの電子メールを再構築する場合、それはOutlook365のような電子メールクライアントでより良い表示されるはずです。

Answer 2

まず、thisさまざまな電子メールクライアントでサポートされるCSSのリストを見てください。

メールにCSSが含まれていることを確認してください。最良の方法は、インラインCSSを使用している：あなたがHTMLとしてそれを貼り付けていることを確認して貼り付ける場合

---

<div style="color: red; font-size: 12px;">HALO!</div> 

は（あなたはすべての電子メールクライアントでそれを行うことができるかどうかわかりません）。それ以外の場合は貼り付けられたテキストをエンコードし、HTMLマークアップをテキストとして公開します。