開発者ツール · HTML WYSIWYG エディター
HTML 電子メールが依然としてテーブルとインライン スタイルで構築されている理由
· 背景
html メール 開発者ワークフロー
スタイルシートの削除や従来のレンダリング エンジンからスクリプトの欠如まで、電子メール クライアントの制約と、電子メールの HTML が Web が放棄したルールに従う理由について説明します。
ブラウザでは完璧にレンダリングされましたが、受信トレイではバラバラになりました - 典型的なエラーで開きます
ブラウザ対応通知は、電子メール システムを通じて送信されると、レイアウト、間隔、または表示が失われる可能性があります。 ToolAcre はその互換性の問題を解決しません。そのホワイトリストにはテーブルとスタイル属性が除外されているため、完成した電子メール テンプレートではなく、クリーンなセマンティック フラグメントがコピーの開始点となります。
この境界により、危険な約束が防止されます。サンドボックス化されたブラウザーのプレビューは、ToolAcre のラッパーがフィルターされた本体をどのようにレンダリングするかを証明するだけです。受信トレイ クライアント、キャンペーン変換、およびリモート イメージ ポリシーはそのフレームの外にあり、独自の代表的なテストが必要です。
スクリプトなし、CSS の制限、クライアントの予測不可能 — 電子メールの HTML を定義する制約をリストします。
電子メールの作成では、一般的にスクリプトが制限され、CSS が不均一にサポートされますが、このリポジトリでは、名前付きクライアント マトリックスや現在のサポート パーセンテージは提供されません。したがって、この記事では正確な互換性の宣言を避けています。各組織のサポートされているクライアントと送信プラットフォームを外部契約として扱い、検証します。
ToolAcre は、スクリプト、スタイル、フォーム、イメージ、テーブル、および任意の属性をすでに削除しています。これはテキストの下書きには便利ですが、一般的な運用メールの HTML よりもはるかに狭いです。ローカル プレビューが成功しても、最終メッセージがクライアント、アクセシビリティ、プライバシー、または配信可能性の要件を満たしていることを確認することはできません。
電子メール テンプレートでテーブルが使用される理由 — ToolAcre 自体がテーブル マークアップを削除する
電子メール テンプレートは、制約のあるクライアントに対処するためにテーブルベースのレイアウトを使用する場合があります。このエディターは、table、tr、td、または関連する要素を作成したり保持したりすることはできません。テーブルを貼り付けると、通常のサポートされていないタグのラップが解除され、テキストと許可された子孫がグリッド関係なしで残ります。
貼り付けられたテーブルが保存されたと主張して、この省略を回避しないでください。承認されたセマンティック コピーを、別の場所に保持されている電子メール固有のテンプレートに移動します。そこでは、ToolAcre をメール レンダラーとして使用するのではなく、実際のクライアント ポリシーに対してレイアウト、読み取り順序、応答動作をテストします。
インライン スタイルは、このエディターによって削除されるため、後の電子メール パイプラインに属します。
インライン スタイルは、埋め込み CSS または外部 CSS が利用できない場合、または変換された場合に、電子メール プレゼンテーションを実行できます。 ToolAcre は、すべてのスタイル属性とクラスを意図的に削除します。したがって、ダウンロードされたプレビュー ドキュメントに別のラッパー スタイルシートが含まれている場合でも、コピーされたフラグメントはインライン CSS ワークフローを示すことができません。
電子メールのビルド ステップでは、コンポーネントとテンプレートがアセンブルされた後に、承認された宣言をインライン化できます。この変換には、危険な URL、サポートされていないプロパティ、クライアントの動作を制御する必要があります。このエディタの HTML ホワイトリストと混同したり、視覚的なプレビューの存在を暗示したりしないでください。
従来のクライアント エンジンは外部互換性の問題であり、リポジトリで実証された動作ではありません
このワークブックでは、デスクトップ メール クライアントのワード プロセッサ レンダリング エンジンについて言及しています。名前付きの製品、日付、または現在のエンジンを検証するリポジトリ ソースはないため、この記事ではこの問題を定性的なものにとどめます。メール クライアントは、ブラウザとは異なる方法で HTML をレンダリングする可能性があり、また、メール クライアント同士で HTML をレンダリングする可能性があります。
互換性は時間の経過やアカウント構成間で変化します。サポートを確立する際には、維持されている外部互換性データと実際の受信トレイ テストを使用します。 ToolAcre のソースは、それが何を出力するかを証明できますが、サードパーティのクライアントが完了したキャンペーンを現在どのように解釈しているかは証明できません。
作業例: ここにセマンティック コピーのドラフトを作成し、サポートを主張せずに必要な電子メールの適応をリストします。
ToolAcre で見出し、紹介文、短いリスト、リンク テキスト、およびフッターの免責事項の草案を作成します。文言を確認し、フィルタリングされたソースを検査し、追加の参照としてプレーン テキストをコピーします。画像、テーブル、キャンペーン トラッキングはツールでサポートも検証もされないため、挿入しないでください。
電子メール システムで、その承認されたコピーをテスト済みのコンポーネントに配置し、必要なレイアウト、スタイル、アクセス可能なリンクの処理、画像の代替、およびポリシーの下の追跡を追加します。最終的なテキストをベースと比較して、誤ったクレームの変更を見つけます。送信する前に、受信トレイのレンダリングとプレーンテキストのフォールバックをテストします。
これでカバーされないもの — インフラストラクチャ、配信性、またはテスト サービスの送信
この記事では、配信インフラストラクチャ、認証、評判、購読解除コンプライアンス、同意の追跡、サービスのテストについては説明しません。また、電子メール クライアントを認証するものではありません。これらは、ブラウザー製図パネルを超えた運用上および法的責任です。
プライバシーの主張も同様に範囲が狭いです。 ToolAcre ページが読み込まれた後の編集アクションにはネットワークは必要ありませんが、送信時には必ずコンテンツがメール インフラストラクチャと受信者に転送されます。クリップボードとダウンロードされたファイルは明示的に終了します。後のパイプラインは、新しいデータフローとセキュリティのレビューとして扱います。
要点: コンテンツの下書きを作成し、それを電子メール用に翻訳する — 制約と、電子メール固有の調整の前に ToolAcre の HTML WYSIWYG エディターがローカルの下書きステップとしてどのように機能するかを要約します。
コンテンツをローカルで下書きし、電子メール用に翻訳します。この部門では、ToolAcre を電子メール ビルダーとして表すことなく、セマンティック テキスト、ソース検査、ローカル フィルタリング、プレーン テキスト抽出など、証拠が最も強力な箇所で使用しています。
レビューされたベースを最終キャンペーンの横に保管し、適応を文書化して実際の出力をテストします。インライン CSS を使用したテーブル レイアウトが要件の場合は、専用ツールでそのフェーズを開始します。制約付きエディターは、サポートされていない製品機能を偽装することを拒否するため、まさに価値があります。