2013-02-28 2 views
11

私は<span>または<p>タグを使用してインラインでスタイリングしていますので、実際に古い学校に行き、毎回<p>というタグを閉じて再オープンするのではなく、段落を壊すために<br><br>を使用しますか?電子メールのニュースレターでは、二重brタグを使用してインラインコードを減らす必要がありますか?

たとえば、私が現在持っているコードスニペットがあります。私は、インラインをコーディングすることの本質を知っているが、私は<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> 

を行うことによって、いくつかのノイズを低減することができるかもしれないように思えることはとき<br><br>に適用可能な本のいくつかを切り替えるの欠点はありますか?メールクライアントのサポートなど?

+1

ニュースレターではテーブルは非常にうまくサポートされています - 空白のtdsを使用して必要な行間に大きな区切りを作成する、tdsとspanを使用します。 – mikevoermans

+0

@mikevoermans - これはレイアウトにも当てはまります( 'float'、' position'などは避けてください)。しかし、これらのレイアウトを避けている限り、ブロックレベルの要素を安全に使用することができます(そして、余白に一貫性がない)。 –

+0

@Benでは、divやpなどのブロックレベルの要素を使用できますが、Webベースのブラウザでデフォルトのスタイルを追加してオーバーライドしたくないことが判明したため、これらも避けています。 Gmailのテキストを紫色にする - ugh – mikevoermans

答えて

8

改行タグを自由に使用することができます。この方法でマークアップを減らす可能性はすでに認識されており、これには欠点はありません。マージンはすべてのシステムで包括的にサポートされていないため、各電子メールクライアントとWebクライアントはそれらをサポートしており、パラグラフタグのマージンを使用するよりも信頼性が高くなります。

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

+0

私はこの回答をアップヴォートしました - しかし、私はバージョンまたは2つのロータスノートがbrタグをサポートしていないと言いたいと思います。サポートテーブルを探してみる... http://mytechsolutions.blogspot.com/2010/10/line-breaks-does-not-appear-in-html.htmlとコメント:http://www.campaignmonitor – mikevoermans

+0

私はまた、これはテキストのブロックで "段落"スタイルの間隔を作成することを参照するだけであることを明確にする必要があります。それよりも複雑な場合は、必要なスペースを得るためにテーブルとTDSの使用を完全に支持します。 私はロータスノートの問題を誤って覚えているかもしれませんが、私はロータスがXHTMLではなくHTMLに固執していると考えました。これはbrタグのクロージャと混同しました。 – niaccurshi

2

<div>のスタイリングを設定し、<p>または<br/>を使用してください。ところで:</br>は存在しません。

4

私はすべてのテキストの間に二重<br>タグを使用します。それは電子メールのための最も一貫したオプションです。

&nbsp;とペアにする必要がありますが、テキストの上部と下部にあるようにクライアントによっては空の行が圧縮されることがあります。次に例を示します。

<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> 

行の高さを15ピクセルに設定し、両方のこれらのメソッドは、同じ結果を生成し、広くすべての主要な電子メールクライアントでサポートされていると仮定します。

関連する問題