我曾在几个地方工作过,并且看到了在HTML中执行分节或换行的两种不同方法。我见过它做使用br或div作为分节符
一种方法是这样的:
<div class="placeholder-100pct"> </div>
,另一种是只用普通的旧<br />
。
对其中一方有什么好处,还是只是一个风格问题?
我曾在几个地方工作过,并且看到了在HTML中执行分节或换行的两种不同方法。我见过它做使用br或div作为分节符
一种方法是这样的:
<div class="placeholder-100pct"> </div>
,另一种是只用普通的旧<br />
。
对其中一方有什么好处,还是只是一个风格问题?
使用<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>
希望这有助于
非常感谢。它有点变得很清楚,
是为内容和divs,以及CSS样式,用于部分的布局。猜猜这是我问自己的一个基本问题,但这是我想知道的那些时刻之一,“为什么我这样做,其他人怎么做?”再次感谢! –
div是一个通用容器。一个br是行休息。两者都不适合表达分节符。
HTML 5引入了sections。你标记每个部分,而不是它们之间的中断。
<section>
<!-- This is a section -->
</section>
<section>
<!-- This is another section -->
</section>
使用< BR/>当它使语义意义上这样做。如果你需要的只是一个换行符,那就是它的存在。如果您尝试拆分不同类型的内容的各个部分,则每个部分都应该放在它自己的容器中。举例来说,如果你有一个地址,其中的每一个地址线会显示一个单独的行,这将是有意义的事:
<address>
123 Main Street<br />
Anywhere, USA 12345
</address>
这很有道理,并且与Steven下面说的一致。谢谢! –
一个明显的区别是,<br>
是内联元素,而<div>
不是。
所以这个:
<span>Some text broken into <br /> lines</span>
...是有效的HTML代码,而这一点:
<span>Some text broken into <div> </div> lines</span>
...不,因为你不能把内联元素中块元素。
<br>
有限制的行高段之间的间隙的大小的缺点适用于或继承<span>
它坐落在内部。
换句话说,与<br>
,中断的大小可以只有正好是一行文本的高度。
肯定将每个您的“部分”放在他们自己的标签中,并且使用边距来控制间距,如果您想保留对间距的任何控制。不同之处不仅在于标记的语义。
你能通过代码示例提供一些上下文吗?段落内部的换行符将在语义上由BR标签处理。但如果这是出于布局目的,你可能会考虑在容器DIV上使用clearfix类。 –