0

Web ベースの電子メール システムを開発する場合、受信電子メールのスタイル シートを処理する一般的に受け入れられている正しい方法はありますか? <styleタグを参考にしています。参照@importまたは<link表記ではありません。

これらのスタイルシートは、外国の電子メールを含む要素のみに制限する必要があります。そうしないと、独自のシステムのコンテンツも調整されてしまいます。これは大したことではありません。

スクリプトとスタイルシートをサニタイズする必要があることは認識しています。これにより、url背景画像や、システムの一部を覆う固定位置の要素を防ぐことができます。

スタイルシートを完全に削除したくないので、これらのオプションが表示されます

  • スタイル シートをインライン スタイルに変換する

  • 外国の電子メール全体を ID を持つ独自の div に配置し、スタイル ルールを変更して、その div のみに影響を与えるようにします (たとえば、a,b{color:purple}になります#foreign a,#foreign b{color:purple})

これらのどちらかが良いアイデアですか? 私が見逃している明らかな/より良い方法はありますか? 一般的/受け入れられている/堅牢なものは何ですか?

4

2 に答える 2

0

最良のアイデアは、インライン スタイルを使用することだと思います。スタイル付きの HTML メールを送信する Web サイトを 5 つ作成しましたが、ほとんどのメール システムで機能するのはインライン スタイルだけです。

于 2013-07-25T17:43:13.653 に答える
0

電子メールは外部スタイル シートをサポートしていないため、html 電子メールのすべての CSS はページ スタイル タグまたはインラインにあります。gmail や yahoo などのクライアントではスタイル タグと body タグの外側のすべてを削除するのが標準であるため、同じことを簡単に行うことができます。受信メールをインライン スタイルに制限すると、すべての CSS がそれらの要素に対してローカルに保持されます。css をインライン化することはほとんどメールの設計 101 であるため、メール システムが標準よりも小さいことを心配する必要はありません。

Web クライアントは、これに加えて多くの CSS 要素も取り除きます。position:fixed;たとえば、表示ペインから抜け出すので、誰かに追加してほしくありません。各クライアントで許可されている CSS の最適なリファレンスは、Campaign Monitor の CSS ガイドです。

于 2013-07-25T17:40:01.773 に答える