2012-10-03 3 views
8

私はいくつかの場所で作業し、HTMLでセクションまたは改行を行う2つの異なる方法を見てきました。私はそれが行わ見てきましたセクション区切りにbrまたはdivを使用する

一つの方法は、このようなものです:

<div class="placeholder-100pct">&nbsp;</div> 

そして、他の単なる古い<br />を使用しています。

もう1つの利点はどれですか、それともスタイルの問題でしょうか?

+0

コード例でコンテキストを提供できますか?段落の改行は、(意味的に)BRタグで処理されます。しかし、これがレイアウト上の目的のためであれば、コンテナDIVにclearfixクラスを使うことを検討するかもしれません。 –

答えて

12

使用<br/>あなたがそうのような段落の改行、欲しい:自動的にあなたを与えるだろうdiv要素を使用して

<p>John Dough<br/> 
1155 Saint. St. #33<br/> 
Orlando, FL 32765 
</p> 

:住所を書くとき

<p>Hi Josh, <br/> How are you?</p> 

これは便利かもしれませんが2つの要素の間にスペースが必要な場合は、divにマージンを使用できます。

2つのdiv要素の間にいくつかのスペースを得るために使用<br/>ないでください:

<!-- This is not preferred --> 
<div>Hello</div> 
<br/> 
<div>Something else here</div> 

希望これは

+0

ありがとうございます。ちょっと私には分かりました。
はコンテンツのためのものであり、divはCSSスタイルと一緒にセクションのレイアウト用です。それは私が自分自身に尋ねてきた基本的な質問だったと思うが、それは私が「このようにしているのはなぜ、他の人はそれをどうやってやっているのだろう?再度、感謝します! –

7

divは汎用コンテナです。 brはです。セクション・ブレークの表現には特に適していません。

HTML 5はsectionsを紹介しています。それらの間の区切りではなく、各セクションをマークアップします。

<section> 
    <!-- This is a section --> 
</section> 
<section> 
    <!-- This is another section --> 
</section> 
4

それがそうするセマンティック理にかなっているとき< BR/>を使用してください。あなたが必要とするのは改行だけであれば、それがそこにあるのです。さまざまなタイプのコンテンツのセクションを分割しようとしている場合は、各セクションはそれぞれ独自のコンテナ内にある必要があります。たとえば、あなたがアドレスの各行が個別の行に表示されるでしょう、それが何を意味するだろうアドレスを持っている場合:

<address> 
123 Main Street<br /> 
Anywhere, USA 12345 
</address> 
+0

これは理にかなっており、Stevenが以下に述べたことに沿っています。ありがとう! –

4

1つの明らかな違いは、<div>がない間<br>は、インライン要素であるということです。

ので、この:

<span>Some text broken into <br /> lines</span> 

...この一方で、有効なHTMLコードは、次のとおりです。あなたはインライン要素内部のブロック要素を配置することはできませんよう

<span>Some text broken into <div>&nbsp;</div> lines</span> 

は...、ではありません。

2

<br>は、行の高さにセクション間のあなたのギャップの大きさを制限するという欠点を持っているのに役立ちますその中に置かれている<span>に適用または継承されます。

つまり、<br>とすると、改行のサイズはとなり、は1行のテキストの高さに正確になります。

各自のタグに「」を正しくラップし、余白を制御したい場合は余白を使用してスペースを制御します。違いはマークアップのセマンティクスだけではありません。

関連する問題