電子郵件 Foundation
回應式電子郵件內嵌器
將電子郵件樣式內嵌
使用電子郵件 Foundation 內嵌器一次完成。
載入內嵌器...
將電子郵件的 HTML 和 CSS 貼到左側，然後按一下「內嵌！」。
請務必包含所有電子郵件 Foundation 的 CSS！
內嵌您的程式碼時發生錯誤。請確認您的 HTML 和 CSS 沒有錯誤，然後再試一次。
如果您仍然遇到問題，請寄電子郵件給我們，我們將協助您解決問題。
什麼是內嵌？
內嵌是準備 HTML 電子郵件以傳送給電子郵件用戶端的一個程序。有些電子郵件用戶端會移除電子郵件的樣式，除非它們與樣式標籤內嵌在一起。以下是內嵌程式執行的動作：
- 內嵌 CSS：所有 CSS 都直接嵌入 HTML 中，作為每個標籤上的
style屬性。 - 定位媒體查詢 CSS：
@media區塊內的 CSS 無法內嵌，因此會放入<style>標籤中。由於一些用戶端（例如 Outlook 和 Gmail）會移除<head>中找到的任何 CSS，因此內嵌程式會將<style>標籤從<head>移出並放入<body>中。 - 壓縮輸出：最終的 HTML 會透過移除標籤和 CSS 區塊之間的空白來壓縮。這會縮小電子郵件的檔案大小，讓它可以在較慢的行動網路中更快載入。
我們在 ZURB 電子郵件堆疊 中使用相同的內嵌程式，但它更自動化。
輸出有問題嗎？
您可以在 Foundation for Emails GitHub 儲存庫中開啟一個問題以取得協助。請包含無法運作的 HTML/CSS，以便我們自行測試。
開啟一個問題正在尋找 V1 Inky 內嵌程式？您可以在這裡取得！
Inky 語言
如果您有興趣使用我們的 Inky 範本語言 來更快速地撰寫電子郵件，請學習如何在您的電腦上設定 ZURB 電子郵件堆疊。ZURB 堆疊提供 Sass 編譯器、Inky 支援和完整的內嵌程序，全部都在一個範本中。
瞭解 ZURB 電子郵件堆疊大師課程適用於回應式電子郵件
在此線上課程中，您將學習如何快速設計和開發回應式電子郵件，這些電子郵件在幾乎所有螢幕、瀏覽器和電子郵件用戶端上看起來都很美觀，甚至包括 Outlook。
學習電子郵件基礎