Zoho Campaignsのテンプレートエディターで作成したメール本文は、すべてのメールクライアントで適切に表示されます。HTMLとCSSで本文をデザインすると、一部のデスクトップクライアント、特にOutlookで、表示の不具合が発生する場合があります。Outlookの新しいバージョンでは、Microsoft Wordを使用してメールを表示するため、画像がブロックされ、重大なフォーマットエラーが発生する可能性があります。ただし、特定の領域に特化したHTMLを作成すると、ほとんどのフォーマットの不具合を回避できます。

HTML/CSSを使用してメールを作成する場合に、特に注意すべき領域のリストは、次のとおりです：

1. <div>タグと<p>タグのpaddingとwidthは、Outlookでは無視されます。代わりに、tableを使用できます。
   
   
2. <a>タグのpaddingは、Outlookでは無視されます。代わりに、tableを設計し、すべてのフォーマットを適用します。
   
   
3. Outlookで適切に表示されるようにするため、必ず<td>タグ内で<a>タグを使用します。また、<a>タグの後に<table>タグを追加しないようにしてください。
4. 画像に使用されるpaddingとmarginは、Outlookでは無視されます。画像には、hspaceとvspaceを使用します。
   
   
5. classを使用せずに、すべてのプロパティをインラインで指定します。
   
   
6. line-heightを指定します。指定しない場合、Outlookでは初期設定の高さが使用されます。
   
   
7. HTML5とCSS3は使用しないでください。
   
   
8. 背景の画像は、Outlookでは表示されません。
   
   
9. GIF動画は、Outlookでは実行されません。GIFの最初のフレームのみが表示されます。GIFを埋め込む場合は、最も重要なフレームを最初に再生するように設定します。これにより、Outlookで情報が伝えられ、他のクライアントではGIFが実行されます。
   
   
10. <button>タグは、Outlookでは正常に機能しません。tableを使用して、ボタンを設計します。
    
    
11. 画像のwidthは、属性とstyleの両方で指定してください。
    
    
12. positionのstyleとfloatは、Outlookではサポートされていません。段組みが必要な場合は、tableを使用して設計します。