什麼是目前的趨勢與HTML電子郵件？2012 html電子郵件 - 表，divs和@media
調查repsonsive設計html電子郵件，我碰到this文章on campaignmonitor。
它似乎混合風格塊而不是內聯樣式的css @media查詢和其他CSS，與舊學校表格佈局。
當然，如果一個電子郵件客戶端能夠處理CSS它知道如何處理一個div？或者，這張桌子就是那些仍然不能做的退步？媒體爲那些做了什麼查詢和阻止css額外的甜頭？
我意識到電子郵件客戶端不會像網頁瀏覽器那樣快速變化，但表格仍然是最好的方式嗎？
我敢肯定這個問題以前曾被問過很多次，但我正在尋找現代的趨勢。
也許這應該是另一個問題，但我也注意到這篇文章混合了element.class和元素[class =「classname」]聲明 - 我只用過input [type =「value 「]之前。爲什麼類的方括號？
最近我的公司正在改變他們的電子郵件佈局。首先，我們決定使用最新的html/css標準來測試不同電子郵件客戶端的兼容性。然而，在編碼過程中，我們遇到了許多問題，正確的渲染迫使我們回到基於table的佈局。
我們還使用@media-queries和更復雜的樣式爲客戶能夠了解他們，但不幸的是tables仍然是如果你想支持流行的郵件客戶端的路要走。很遺憾，許多商業客戶使用舊版Outlook或類似軟件。
工作完成後，我們用Campaign Monitor Tester測試了我們的佈局，但這還不夠，所以我們不得不手動測試許多客戶端。
總結：如果我現在要編寫電子郵件佈局，我會選擇表格和內聯樣式。
編輯：方括號表示法是正確的，但我沒有看到這一點。而且在這個例子中，它只會匹配具有一個名爲classname的類的元素。它不會匹配<p class="classname othername">。如果在這裏使用它沒有其他參數，我會用標準點表示法（.classname）。
包圍可以用來避免雅虎郵件偏好拉入電子郵件樣式的響應版本，而不是內聯表格樣式。 – samanthasquared
我想表格和向後兼容性是那麼。我想競選活動監督員知道一些關於html電子郵件的事情。 – charliefarley321
應該指出的是，你需要內聯你所有的CSS來獲得最大的兼容性。 Campaignmonitor有一個工具可以爲您自動內聯，因此請在閱讀他們的建議時牢記這一點。
原因CSS需要內聯是因爲基於網絡的客戶端，如Gmail和（我想也是）雅虎剝離樣式聲明（以及身體標籤外的所有內容），以確保它不會搞砸他們的網頁。媒體查詢無法內聯，因此儘管目前的趨勢是製作響應式電子郵件，但請注意，它們不適用於Gmail。
仍然在表中工作，因爲與不同的電子郵件客戶端不一致，特別是他們如何處理不同的CSS屬性。電子郵件被「卡住」的主要原因之一是因爲使用MS Word渲染引擎的Outlook。 Outlook仍然是最受歡迎的電子郵件客戶端，尤其是B2B。
希望信息幫助！
如果真的div不工作，表格本身就是一個節省的回退。哪裏的表格是標準元素，在每個瀏覽器中都有不同的響應，divs可以改變（考慮margin/padding等）選擇表格更安全，我認爲，儘管不會在此引用我。關於你的方括號問題，這取決於。它可以用作驗證，但是，我沒有看到它在這裏如何改變。進一步來說，它是一種指定某些東西的合法方式，特別是某種特定的含義，這意味着css僅適用於特定的元素。 – Dorvalla