Office365 Outlook郵件HTML電子郵件呈現

Question

我在工作場所使用office365電子郵件訪問電子郵件。 我需要生成一個動態新聞稿，該新聞稿將以HTML格式開發，但是，我似乎無法弄清楚如何將該HTML頁面添加到電子郵件中，粘貼純HTML似乎無法正常工作，因為Outlook無法呈現該新聞稿。

經過一些研究，我發現了一種解決方法，那就是在瀏覽器中打開html頁面，只需使用CTRL + A復制內容並將其粘貼到電子郵件編輯器中，似乎添加了html，但這不是一個合適的解決方案！

目的是編寫HTML（完成此操作）並將HTML頁面添加到Outlook電子郵件中。 任何幫助/建議都受到高度贊賞

Answer 1

首先，請看看這個在各種電子郵件客戶端支持CSS的名單。

比確保您的電子郵件中也包含CSS。 最好的方法是使用內聯CSS：

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

---

粘貼時，請確保將其粘貼為HTML（不知道是否可以在所有電子郵件客戶端中進行粘貼）。 否則，它將對您粘貼的文本進行編碼，並發送它將所有HTML標記顯示為文本。

Answer 2

電子郵件客戶端和Web瀏覽器都可以顯示HTML / CSS，但是它們具有不同的顯示方式。 因此，如果您復制/粘貼HTML頁面，則它在Outlook365等電子郵件客戶端中可能不會以相同的方式顯示。

電子郵件布局需要使用<table>而不是<div>進行布局。 電子郵件還僅支持一小部分需要內聯的CSS規則 。

電子郵件代碼看起來像這樣：

<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的電子郵件客戶端中更好地顯示。