highlight.js

星期五, 6月 27, 2008

GMail與CSS

如果您需要發送電子報,而且設計電子報時會使用CSS,那麼您得注意一下,GMail在顯示HTML郵件時,會將<style>元素所指定的CSS內容剔除掉。所以若是您的電子報內容會依靠CSS定位與展現特效,那麼GMail用戶收到時,可能就會看到錯亂的郵件內容。即便是郵件中以夾檔方式寄送的HTML檔案,如果以GMail提供的檢視功能,一樣會剔除掉<style>元素,在瀏覽器檢視原始碼就可以明確的看到這樣的結果。

面對這個問題,我個人僅有兩項建議,一是電子報內容一定要在醒目的位置留有連結,可以讓收件人點選後連到發報人的網站觀看正確格式的內容,這樣不論收件人閱讀郵件的環境發生任何狀況,收件人都有最終的機會可以閱讀電子報。另外,這也是迫使內容設計者遵循XHTML良好文件結構的契機,目前大多數人仍然只是將CSS視為輔助外觀設計的技術,HTML的內容中仍然會混雜一些與版面配置及外觀顯示的設定,使得在CSS失效時,HTML內容無法以良好的文件結構展示,甚至因為不同瀏覽器處理某些影響外觀的HTML標籤或屬性的差異,導致無法閱讀的窘境。

有關各Web-Based郵件服務對於CSS處理的差異,可以參考CSS support in HTML emails of Hotmail, Yahoo! Mail and Gmail

沒有留言: