对于电子邮件简报,我应该使用双br标签来减少一些内联代码吗?

时间:2013-02-28 14:19:12

标签: html email html-email

由于我使用<span><p>标签设置内联样式,我可能只是去真正的旧学校并使用<br><br>来打破段落而不是关闭并重新打开{{1}每次都标记?

例如,这里是我目前拥有的代码片段,它只是如此多余。我知道这是必须内联编码的本质,但似乎我可以通过<p>

来减少一些噪音
<br><br>

<p style="font-size: small; font-family:Tahoma, Geneva, sans-serif">Selection of the 200 New &amp; Recently updated companies over the last month. Click on the company name for up-to-date business information.</p> <p style="font-size: small; font-family:Tahoma, Geneva, sans-serif">Company Name, FL provider of Category was updated on 2/12/2013</p> <p style="font-size: small; font-family:Tahoma, Geneva, sans-serif">Company Name, TX provider of Category was updated on 2/13/2013</p> <p style="font-size: small; font-family:Tahoma, Geneva, sans-serif">Company Name, AK provider of Category was updated on 2/15/2013</p> 适用时,将其中的一部分转出是否有不利之处?电子邮件客户端支持或类似的东西?

2 个答案:

答案 0 :(得分:10)

随意使用换行标记,你已经确定了以这种方式减少标记的潜力,并且这样做没有任何缺点。每个电子邮件客户端和Web客户端都支持它们,并且它们比使用段落标记上的边距更可靠,因为所有系统都不全面支持边距。

参考:http://www.campaignmonitor.com/css/

答案 1 :(得分:5)

我在所有文字之间使用了双<br>个标签。这是电子邮件最一致的选择。

你需要将它与&nbsp;配对,尽管在文本的顶部和底部,因为它可以在某些客户端(我认为Outlook)压缩空行。这是一个例子:

<td>
&nbsp;<br>
The no break space is needed above and below the text where it meets the table cell.
<br><br>
double br's between paragraphs are the best way to do it.
<br><br>
You need 1 no break space per line at the bottom (and top) so that Outlook doesn't remove the text row.
<br>&nbsp;<br>&nbsp;
</td>

这是最快捷的方式,但限制你的行高倍数。另一种选择是使用填充:

<td style="padding-top:15px; padding-bottom:30px;">
The no break space is needed above and below the text where it meets the table cell.
<br><br>
double br's between paragraphs are the best way to do it.
<br><br>
You need 1 no break space per line at the bottom (and top) so that Outlook doesn't remove the text row.
</td>

假设行高设置为15px,这两种方法都会产生相同的结果,并在所有主要的电子邮件客户端中得到广泛支持。