0

我正在通过活动监视器进行电子邮件活动，由于某种原因，当通过 Outlook 版本打开时，底部有一排排问号。不会发生在我的电脑上，但我的朋友会发生。图片如下，当前代码也是

Ôªø<!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=iso-8859-1" />
<title>Casewise Newletter Template</title>
<style type="text/css">
a { color:#d13b35; text-decoration:none; }
table { font-family:Arial, Helvetica, sans-serif; }
img { border:none; }
img.right { border:none; margin:0 0 10px 10px; }
table.nav img { display:block; }
p.smallprint { text-align:center; color:#666666; font-size:11px; }
p.smallprint span { color:#d13b35; }
p.smallprint a { color:#d13b35; text-decoration:none; }
td.date { font-size:20px; color:#999999; text-align:right; text-transform:uppercase; }
td.date span { color:#CCCCCC; }
td.date em { color:#004489; font-style:normal; }
td.headlineText { font-size:18px; color:#FFFFFF; }
table.story h2 { margin:0 0 0 0; font-size:20px; font-weight:normal; color:#004489; }
table.story p { font-size:12px; color:#333333; }
table.story p a { color:#a80000; text-decoration:none; }
table.story p a:hover { text-decoration:underlined; }
td.footerPanel h2 { font-weight:normal; font-size:18px; margin:0; color:#FFFFFF; }
td.footerPanel p { font-size:12px; margin:10px 0 10px 0; color:#CCCCCC; }
</style>
</head>
<body marginheight="0" topmargin="0" marginwidth="0" leftmargin="0" bgcolor="#ebebeb">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ebebeb">
  <tr>
    <td>

        <table width="600" border="0" cellspacing="0" cellpadding="0" align="center">
            <tr>
                <td height="46">
                <p class="smallprint">Don't miss our emails, add <span>cwmarketing@casewise.com</span> to your address book.<br>
                    <forwardtoafriend>Forward to a Friend</forwardtoafriend>. Email look funny? <webversion>Click here</webversion> to launch in a browser</p></td>
            </tr>
                <td><img src="/images/content-top.png" width="600" height="19" alt="" style="display:block;" /></td>
            <tr>
            </tr><tr>
                <td>
                    <table width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
                        <tr>
                            <td width="20"><img src="/images/spacer.png" width="20" height="1" /></td>
                            <td width="560" class="content">

                            <repeater>

                            <layout label='Main Feature'>                           
                                <table width="560" border="0" cellspacing="0" cellpadding="0">
                                    <tr>
                                        <td><img editable="true" src="/images/header-image.png" width="560" label='Hero Image' /></td>
                                    </tr>
                                    <tr>
                                        <td valign="top">

                                        </td>
                                    </tr>
                                    <tr>
                                        <td><img src="/images/spacer.png" width="1" height="20" /></td>
                                    </tr>
                                </table>
                            </layout>

                            <layout label='Story Image Right'>  
                                <table width="560" border="0" cellspacing="0" cellpadding="0" class="story">
                                    <tr>
                                        <td width="390" valign="top">
                                            <h2><singleline label='Story Headline'>Story Headline here...</singleline></h2>
                                            <multiline label='Story Text'>Story Text here...</multiline>
                                        </td>
                                        <td><img src="/images/spacer.png" width="20" height="1" /></td>
                                        <td valign="top"><img editable="true" src="/images/item-image.png" width="150" label='Story Image' /></td>
                                    </tr>
                                    <tr>
                                        <td><img src="/images/spacer.png" width="1" height="20" /></td>
                                    </tr>
                                </table>
                            </layout>

                            <layout label='Story Image Left'>   
                                <table width="560" border="0" cellspacing="0" cellpadding="0" class="story">
                                    <tr>
                                        <td valign="top"><img editable="true" src="/images/item-image.png" width="150" label='Story Image' /></td>
                                        <td><img src="/images/spacer.png" width="20" height="1" /></td>
                                        <td width="390" valign="top">
                                            <h2><singleline label='Story Headline'>Story Headline here...</singleline></h2>
                                            <multiline label='Story Text'>Story Text here...</multiline>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="3"><img src="/images/spacer.png" width="1" height="20" /></td>
                                    </tr>
                                </table>
                            </layout>

                            <layout label='Content with Large Image Right'> 
                                <table width="560" border="0" cellspacing="0" cellpadding="0" class="story">
                                    <tr>
                                        <td width="560" valign="top">
                                            <img editable="true" src="/images/item-image.png" width="350" label='Story Image' align="right" class="right" />
                                            <h2><singleline label='Story Headline'>Story Headline here...</singleline></h2>
                                            <multiline label='Story Text'>Story Text here...</multiline>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><img src="/images/spacer.png" width="1" height="20" /></td>
                                    </tr>
                                </table>
                            </layout>

                            <layout label='Story No Image'> 
                                <table width="560" border="0" cellspacing="0" cellpadding="0" class="story">
                                    <tr>
                                        <td width="390" valign="top">
                                            <h2><singleline label='Story Headline'>Story Headline here...</singleline></h2>
                                            <multiline label='Story Text'>Story Text here...</multiline>
                                        </td>
                                    </tr>

                                </table>
                            </layout>

                            <layout label='Two Columns No Image'>   
                                <table width="560" border="0" cellspacing="0" cellpadding="0" class="story">
                                    <tr>
                                        <td width="270" valign="top">
                                            <h2><singleline label='Story Headline'>Story Headline here...</singleline></h2>
                                            <multiline label='Story Text'>Story Text here...</multiline>
                                        </td>
                                        <td width="20" valign="top"><img src="/images/spacer.png" width="20" height="1" /></td>
                                        <td width="270" valign="top">
                                            <h2><singleline label='Story Headline'>Story Headline here...</singleline></h2>
                                            <multiline label='Story Text'>Story Text here...</multiline>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="3"><img src="/images/spacer.png" width="1" height="20" /></td>
                                    </tr>
                                </table>
                            </layout>

                            <layout label='Two Columns Image'>  
                                <table width="560" border="0" cellspacing="0" cellpadding="0" class="story">
                                    <tr>
                                        <td width="270" valign="top">
                                            <img editable="true" src="/images/two-col-image.png" width="270" label='Story Image' />
                                        </td>
                                        <td width="20" valign="top"><img src="/images/spacer.png" width="20" height="1" /></td>
                                        <td width="270" valign="top">
                                            <img editable="true" src="/images/two-col-image.png" width="270" label='Story Image' />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="3"><img src="/images/spacer.png" width="1" height="10" /></td>
                                    </tr>
                                    <tr>
                                        <td width="270" valign="top">
                                            <h2><singleline label='Story Headline'>Story Headline here...</singleline></h2>
                                            <multiline label='Story Text'>Story Text here...</multiline>
                                        </td>
                                        <td width="20" valign="top"><img src="/images/spacer.png" width="20" height="1" /></td>
                                        <td width="270" valign="top">
                                            <h2><singleline label='Story Headline'>Story Headline here...</singleline></h2>
                                            <multiline label='Story Text'>Story Text here...</multiline>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="3"><img src="/images/spacer.png" width="1" height="20" /></td>
                                    </tr>
                                </table>
                            </layout>

                            <layout label='Banner Advert 560x100'>  
                                <table width="560" border="0" cellspacing="0" cellpadding="0" class="story">
                                    <tr>
                                        <td width="560" valign="top">
                                            <img editable="true" src="/images/banner-image.png" width="560" label='Banner Advert' />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><img src="/images/spacer.png" width="1" height="20" /></td>
                                    </tr>
                                </table>
                            </layout>

                            <layout label='Register Buttons'>
                            <table width="560" border="0" cellspacing="0" cellpadding="0" class="story">
                                <tr>
                                    <td width="270" valign="top">
                                        <img editable="true" src="/images/webinar-reg-now.png" width="270" label='Register Now' alt="Register Now!" />
                                    </td>
                                    <td width="20"><img editable="true" src="/images/spacer.png" width="20" /></td>
                                    <td width="270">
                                        <forwardtoafriend><img src="/images/web-raf.png" width="270" label='Forward to a friend' alt="Forward to a friend" /></forwardtoafriend>
                                    </td>
                                </tr>
<td width="270">
                                <tr>
                                    <td colspan="3"><img src="/images/spacer.png" width="1" height="20" /></td>
                                </tr>
                            </td></table>
                            </layout>
<layout label='Social Buttons'>
<div id="ÔøΩfooterÔøΩ" align="middle">
<blog><a href="http://blog.casewise.com/" target="_blank"><img src="/images/blog.png" width="25" height="25" alt="Blog" /></a></blog>
<twitter><a href=" https://twitter.com/Casewise" target="_blank"><img src="/images/twitter.png" width="25" height="25" alt="Twitter" /></a></twitter>
<linkedin><a href="https://www.linkedin.com/company/casewise" target="_blank"><img src="/images/linkedin.png" width="25" height="25" alt="LinkedIn" /></a></linkedin>
<youtube><a href="http://www.youtube.com/user/CasewiseLimited?blend=1&ob=5" target="_blank"><img src="/images/youtube.png" width="25" height="25" alt="YouTube" /></a></youtube>
</div>

<div id="ÔøΩWebsiteÔøΩ" align="middle">
<website><a href="http://www.casewise.com" target="_blank"><img editable="true" src="/images/website.png" width="560" alt="Website" /></a></website>

</div>
</layout>
                            </repeater>





                            </td><td width="20"><img src="/images/spacer.png" width="20" height="1" /></td>
                        </tr>
                    </table>
            </td></tr>

            <td><img src="/images/content-bottom.png" width="600" height="19" alt="" style="display:block;" /></td>

            <tr>
                <td>

                    <p class="smallprint">You have received this email because <span>[email]</span> is registered with us.<br>
                        If you would no longer like to receive future emails of this nature from Casewise, please opt-out by <unsubscribe>clicking here</unsubscribe></p>
                </td>
                    </tr>

                    </table>    
 </td></tr></table>
</body>
</html>
4

2 回答 2

0

您是否使用 mysql 来提取数据？如果是这样的话，php 和 mysql 的字符编码会发生冲突。尝试使用 utf-8

于 2014-08-06T16:09:57.500 回答
0

您似乎正在混合和匹配代码页数据，而 Outlook 只是试图遵循文件规范，而不是呈现的编码。

根据您的粘贴，数据采用 UTF-8

Ôªø<!DOCTYPE

当您指定以下代码页时：

charset=iso-8859-1

该问题似乎与您的 html 底部附近的以下内容有关：

ÔøΩ

在 UTF-8 显示中，该字符将显示为：

�

这很可能是您的朋友所看到的。

这通常发生在出现未知字符时（例如，您在指定 8 位代码页时尝试呈现非 ANSI 字符）。

由于这个特定的原因，HTML 标准对常见的非标准字符使用特殊字符代码（例如日元是 &(¥); 或欧元是 €(€)）。

就像使用非标准字符的一些困难的例子一样，省略号在 windows 中是 0x0133。如果您查看标准的 8859-1 字符映射，则 133 是未定义的。这意味着在不同的操作系统上它可以有不同的效果（有些会显示为省略号，有些，如果加载的特定字体具有字符定义，将呈现不同的字符，或者更典型地，它只是呈现为 Unknown字符，这就是你所看到的）。

但是，如果你使用 … 你得到 …

真正的问题是，查看您的输出是您尝试在页脚和网站中使用什么字符。我假设它们的 ID 中都不应该有特殊字符。

我建议修复它们，并将您的电子邮件切换为 UTF-8，然后再试一次。

于 2014-08-06T16:16:03.950 回答