HTMLメールを作成するときは、テーブルベースのレイアウトを使用する必要があることをどこかで読みました。テーブルレスのcssベースのレイアウトを作成する必要はありません。本当?会社のニュースレターのレイアウトを作成する必要がありますが、ネストされた3つのテーブルを作成するのは快適ではありません。
12 に答える
HTMLメールをほとんどの電子メールクライアントで見栄えよくしたい場合は、1999年のままのHTMLを作成する必要があります:)
EmailStandardsProjectのWebサイトにアクセスすることを強くお勧めします。市場に出回っているほぼすべての主要な電子メールクライアント(スタンドアロンとWebベースの両方)を一覧表示し、それぞれに組み込まれているHTMLサポートの概要を示します。
また、キャンペーンモニターの電子メール設計ガイドラインで、適切なHTML電子メールを作成するための実用的なガイドを確認してください。残念ながら「テーブルを使用する」などが含まれます。
これはおそらく、他の何よりも電子メールクライアントのレンダリング(ひどい)の現実に基づいています。技術的にはほぼ間違いなく間違っていますが、実際的にはそれが最善のアドバイスかもしれません。Truppoはこれに触れています。
確かにそれを義務付ける標準はなく、実際、ベストプラクティスでは、テーブルをレイアウトに使用しないように指示されています(表形式のデータをレイアウトする場合を除く)。
多数のデスクトップおよびWebベースの電子メールクライアントがCSSベースのプレゼンテーションを適切にレンダリングする保証はないため、プレゼンテーションでテーブルを使用するための議論があります...しかし、それは議論ではありません-そして-それ自体。
プレーンテキストでHTMLが使用されるとは誰も予想していなかった世界が大好きですが、そうではありません。サブスクライバーがお気に入りの電子メールクライアント(アプリケーションまたはWebベースの電子メール)でHTMLを表示しようとしても、恥ずかしくないHTMLを考え出すことが仕事である場合、セマンティックマークアップとCSSに固執するのは困難です。
私はこれを学習演習としてのみ行っており、専門家としてではないため、私が言っていることを一粒の塩で受け止めてください。ブックマークした記事とその記事で見つけたリンクに基づくと、次のページでは、HTMLメールの送信に関連する実際の問題について十分に説明しているようです。
http://www.sitepoint.com/article/code-html-email-newsletters/
http://www.sitepoint.com/article/principles-beautiful-html-email/
http://www.sitepoint.com/article/designers-guide-html-email/
関連する問題を考えると、レイアウトにテーブルを使用することは実用的に意味があります。
私はあなたにそれをすることを勧めません、しかしあなたはおそらくこれを聞いたことがあるでしょう。なぜなら多くの電子メールリーダーはほんの少しのhtmlとcssしかサポートしていないからです。多くの場合、完全なhtml / cssパーサーはバンドルされておらず、過去には、レイアウトを行うためにテーブルがよく使用されていました。
これは特に説明されているOulookhtml/ cssサブセットのサポートに関するものですが、これを確認することをお勧めします。
テーブルが使用される理由は2つあります。
- HTML電子メールは、さまざまな機能を備えた膨大な数のクライアントでレンダリングできます。これは、すべてのブラウザ用にWebサイトを設計し、それを10倍するようなものです。
- かなりの数のWeb電子メールクライアントがCSSレイアウトで大混乱を引き起こしています。
Outlookがdivベースのレイアウトに問題があることがわかりました。
ニュースレターがコンピューター上でどのように表示されるかについてお客様といくつかのテストを行ったところ、大多数がOutlookまたはメールで幅が約45文字しかないレイアウトを使用していることがわかりました。わざわざダブルクリックして新しいウィンドウでメールを開いたり、スクロールしたりする必要はありません。ロゴとテキスト以外のコンテンツがいくらか良く表示されたメールは、大きなGIFが1つしかないメールでした...
キャンペーンモニターのアドバイスに+1。エマの素晴らしいコンテンツもたくさん見ました。私の経験では、メールマガジンのテンプレートを作成するのは簡単であるほど良いです。これは、小さな画面のモバイルデバイスでメッセージを読むユーザーの割合が増加している世界では二重に当てはまります。
以前は、ページレイアウトにテーブルを使用するのが一般的でしたが、ページを作成する多くの人は、この方法でそれを行う方が快適です。
Jamesが言うように、ベストプラクティスは、実際に表形式のデータである場合を除いて、ページレイアウトにCSSポジショニング機能を使用することです。しかし、個人的には、CSSで必要な効果を得るのが難しいことがよくあります。