---
# System prepended metadata

title: 電子報(email)
tags: [html]

---

# 電子報(email)

### 觀念
* 雖然很多平台有支援寫 classname，但風險較高，詳見下方參照資料描述
* 建議使用 inline-style
    * 所以就不能有 RWD
* 不能使用任何現代化的排版方式，如 flex,grid...，只能使用 table
* Gmail 如果用 classname 寫，要注意 `<style>...your css...</style>`，style tag 裡面的長度不得超過 16,384 bytes，詳細測試過程請參照 [國均的簡報](https://slides.com/travorlee/email-template)

### 參照資料
* [國均的簡報(email template cross platform problems)](https://slides.com/travorlee/email-template)
* [各大信箱平台的 css 支援大表 (Campaign Monitor 提供)](https://www.campaignmonitor.com/css/)
* [Gmail supported css properties](https://developers.google.com/gmail/design/reference/supported_css)
* [Gmail 開發時的注意事項](https://www.hteumeuleu.com/2017/troubleshooting-gmail-s-responsive-design-support/)

### Tools
* [免費送信測試軟體](https://putsmail.com/tests/new)

###### tags: `html`