今回は、HTML を使用してメール テンプレートを作成する方法と、HTML を使用してメール テンプレートを作成する際の注意事項について説明します。実際のケースを見てみましょう。
今日は「ローテク」の質問について書きたいと思います。 ところで、私はJavaScript Weeklyなど、たくさんのニュースレター(ニュースレター)を購読しています。その週の重要なニュースを毎週メールで受け取ります。 ある日、私もこんなメールをしてもいいだろうかと考えました。 その後、それはそれほど簡単ではないことがわかりました。背景や編集作業はさておき、メール テンプレートをデザインするだけでも多くの考慮が必要です。 このフォーマットされたメールは実際には Web ページであり、その正式名称は HTML メールだからです。正しく表示されるかどうかはメールクライアントに依存します。ほとんどの電子メール クライアント (Outlook や Gmail など) は HTML 設定をフィルタリングして、電子メールを認識できなくします。 HTMLメールを書くコツは、15年前のWebページ作成方法を使うことだと分かりました。以下は私がまとめたライティングガイドです。 1. Doctype 現在、最も互換性のある Doctype は XHTML 1.0 Strict です。実際、Gmail と Hotmail はあなたの Doctype を削除し、この Doctype に置き換えます。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>HTML Email编写指南</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> </head> </html>
<body style="margin: 0; padding: 0;"> <table border="1" cellpadding="0" cellspacing="0" width="100%"> <tr> <td> Hello! </td> </tr> </table> </body>
<table align="center" border="1" cellpadding="0" cellspacing="0" width="600" style="border-collapse: collapse;"> <tr> <td> Row 1 </td> </tr> <tr> <td> Row 2 </td> </tr> <tr> <td> Row 3 </td> </tr> </table>
img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;} a img {border:none;} <img border="0" style="display:block;">
style="font: 8px/14px Arial, sans-serif;"
<p style="margin: 1em 0;">
<p style="margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0;">
Content-Type: text/plain;
Content-Type: Multipart/Alternative;
XHTML でよく使用されるタグとは何ですか?
以上がHTMLを使用してメールテンプレートを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。