2012-10-03 16 views
8

我曾在几个地方工作过,并且看到了在HTML中执行分节或换行的两种不同方法。我见过它做使用br或div作为分节符

一种方法是这样的:

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

,另一种是只用普通的旧<br />

对其中一方有什么好处,还是只是一个风格问题?

+0

你能通过代码示例提供一些上下文吗?段落内部的换行符将在语义上由BR标签处理。但如果这是出于布局目的,你可能会考虑在容器DIV上使用clearfix类。 –

回答

12

使用<br/>当你想在一个段落换行,像这样:

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

使用DIV会自动给你一个:

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

写地址时,这可能是有用的新行,但如果你想要两个元素之间的空间,你可以在div上使用margin。

不要使用<br/>得到两个div之间的一些空间:

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

希望这有助于

+0

非常感谢。它有点变得很清楚,
是为内容和divs,以及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

一个明显的区别是,<br>是内联元素,而<div>不是。

所以这个:

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

...是有效的HTML代码,而这一点:

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

...不,因为你不能把内联元素中块元素。

2

<br>有限制的行高段之间的间隙的大小的缺点适用于或继承<span>它坐落在内部。

换句话说,与<br>,中断的大小可以只有正好是一行文本的高度。

肯定将每个您的“部分”放在他们自己的标签中,并且使用边距来控制间距,如果您想保留对间距的任何控制。不同之处不仅在于标记的语义。

相关问题