在HTML中实现空行主要有以下三种方法,推荐优先使用语义化标签或换行标签:
-
使用
<br>
换行标签这是最直接且语义化的方式,通过插入两个连续的
<br>
标签实现换行。 -
使用段落标签
<p>
通过插入两个独立的
<p>
标签实现空行,但此方法可能被误认为代码冗余,需谨慎使用。 -
使用CSS外边距
通过设置
margin-bottom
或margin-top
属性(如1em
)模拟空白行,适用于需要灵活控制间距的场景。
示例代码 :
第一段内容
第二段内容
或
第一段内容
<br><br>
第二段内容
或
第一段内容
<p class="blank"></p>
第二段内容
或
(blank) { margin-bottom: 1em; }
第一段内容
第二段内容
选择建议 :
-
若仅需简单换行,优先使用
<br>
标签; -
若需控制间距或避免代码重复,推荐使用CSS外边距。