HTML のニュースレターには「テーブルベース」のレイアウトが必要であるというのは本当ですか?
-
22-08-2019 - |
質問
HTML メールを作成するときは、テーブルベースのレイアウトを使用する必要があるとどこかで読みました。テーブルレス CSS ベースのレイアウトの作成については気にする必要はありません。本当?会社用のニュースレターのレイアウトを作成する必要がありますが、3 つのネストされたテーブルを記述するのは快適ではありません。
解決
は、あなたがあなたのHTMLを記述する必要があります。)
他のヒント
私は非常にメールスタンダード・プロジェクトウェブサイト。それは市場にほぼすべての主要な電子メールクライアント(スタンドアロンおよびWebベースの両方)を一覧表示し、HTMLサポートがそれぞれ1に内蔵されているどのくらいの概要を説明します。
また、キャンペーン・モニターのメール・デザイン・ガイドラインは適切なHTMLメールの建物のためのいくつかの実用的なガイドのためをチェックしてください - 含め、悲しいことに、はい、 "テーブルを使用"
これはおそらく、何よりも、電子メールクライアントのレンダリングの現実(ひどいです)に基づいています。技術的にはほぼ確実に間違っているのですが、実用的には、最高のアドバイスかもしれません。 Truppoはこれに触れています。
プレーンテキストはどうしたらどこで、誰が、HTMLを使用することが期待できない世界を大好きだが、それは状況ではありません。あなたの仕事は、あなたの加入者が自分の好きな電子メールクライアント(アプリケーションまたはWebベースの電子メール)で表示しようとしたときに困らないだろうHTMLを考え出すのであれば、それはセマンティックマークアップとCSSに固執するのは難しいです。
私は専門的に学習運動としてこれを行われていないので、私は塩の粒と言っているものを取ります。私はその記事で見つかったリンクをブックマークし、さらにいた記事に基づいて、以下のページでは、HTMLメールを送信するに関与本当の問題の良い議論を持っているように見えます。
http://www.sitepoint.com/article/code- HTML-電子メールニュースレター/ の
http://www.sitepoint.com/article/principles-美しい-HTML-メール/ の
http://www.sitepoint.com/article/designers-ガイド-HTML-メール/ の
関与の問題を考えると、レイアウトにテーブルを使用すると、実用的な意味があります。
それを義務付け標準的には確かにありませんし、実際には、ベストプラクティスは、表は(表形式のデータをレイアウトする場合を除いて)レイアウトのために使用すべきではないことを指示します。
デスクトップとWebベースの電子メールクライアントの過多が適切にCSSベースのプレゼンテーションをレンダリングするという保証はありませんよう、プレゼンテーション内のテーブルを使用するために作られている引数は、あります...しかし、私はそれは引数だと言うではないでしょう中-と-の自体ます。
私はあなたがそれを行うことをお勧めしませんが、電子メールの読者の多くは、ほんの数HTMLとCSSをサポートしているので、あなたはおそらくこれを聞いていました。 彼らは多くの場合、完全なHTML / CSSパーサをバンドルしていない、と過去のテーブルに多くのレイアウトを行うために使用された..
あなたは、このを見てみたいことがあり
テーブルが使用される理由は 2 つあります。
- HTML 電子メールは、能力が大きく異なる多種多様なクライアントでレンダリングできます。これは、すべてのブラウザーに合わせて Web サイトをデザインし、それを 10 倍にするようなものです。
- かなりの数の Web 電子メール クライアントが CSS レイアウトで大混乱を引き起こします。
私はdivのベースのレイアウトと見通した問題を発見しました。
私たちは、ニュースレターは、自分のコンピュータ上で見て、大半はたったの約45文字の幅を示してOutlookまたはメールでのレイアウトを使用していることが判明どのように顧客とのいくつかのテストを行ってきました。彼らは、ダブルクリックして新しいウィンドウで電子メールを開いたり、周りにスクロールする気にしないでください。 ロゴとやや登場したテキスト以外の一部のコンテンツを含む電子メールが良いだけで一つの大きなGIFを持つものだった...
+1キャンペーンモニターのアドバイスに。私はまた、エマのからの偉大なコンテンツをたくさん見てきました。私の経験では、シンプルな方が良い、Eメールニュースレターのテンプレートを作ることができます。これは、ユーザーの増加割合が小さな画面で、モバイルデバイス上であなたのメッセージを読んでいる世界で二重に真である。
過去には、ページレイアウトのためにテーブルを使用するのが一般的だった、とページを作成し、多くの人々はまだこのようにそれをやって、より快適です。
ジェームズが言うように、、ベストプラクティスは、それが実際に表形式のデータである場合を除き、ページレイアウトのCSSポジショニング施設を使用することです。しかし、個人的に私は頻繁にそれは難しい私はCSSで欲しい効果を得るために見つけます。