HTML 段落
段落是网页正文最基本的组成单位，用 <p> 标签表示，浏览器会自动在段落前后留出空白并独占一行。写文章、贴新闻、放介绍文字都离不开段落。这一节讲段落的基本用法、换行的正确姿势，以及让很多新手困惑的"浏览器看不见的规则"。
段落标签 p
每个 <p> 标签包裹一段文字，浏览器会在段落前后自动添加空行作为间距：
<p>这是第一段文字，介绍了 HTML 是什么。</p>
<p>这是第二段文字，段落之间会自动留白。</p>
在浏览器中显示为：两段文字分两行显示，段与段之间有明显空隙，而不是挤成一块。
用 br 换行
段落内的强制换行用空元素 <br>。注意：<br> 只是换行，不会产生段落间的空隙：
<p>床前明月光，<br>疑是地上霜。</p>
在浏览器中显示为：两行诗在同一段内分行显示，"光"和"霜"之间没有多余空行。
浏览器会折叠空白
在 HTML 源码里无论你敲多少空格、多少个回车，浏览器都只会显示一个空格，多余的空格和换行都会被折叠：
<p>这里 有 很多空格</p>
<p>这一行 换行
被折叠掉了</p>
在浏览器中显示为：第一段无论源码里有多少空格，都只显示一个空格间隔；第二段源码中的换行并不生效，文字仍连在一行。
保留格式用 pre
如果确实要原样显示空格和换行（如代码、诗歌），用 <pre>（preformatted，预格式文本）：
<pre>
第一行 保留两个空格
第二行 缩进也原样保留
</pre>
在浏览器中显示为：文字用等宽字体显示，内部的空格、换行与源码完全一致。
段落相关的坑
- 换行请用
<br>，而不是连写一堆空<p>来撑间距，后者会让文档结构混乱。 <p>是块级元素，内部不要再嵌套块级元素（如<p><div>…</div></p>）。- 段落中要显示多个连续空格，可以用
空格实体代替，但整段排版应交给 CSS。
<p>张三 李四</p>
小结
<p> 定义段落并自动留白，<br> 负责段内换行；浏览器会折叠多余空白，需要原样保留时用 <pre>。理解了"折叠"规则，很多页面显示"不对"的疑惑就迎刃而解。