跳到主要内容

HTML 段落

在 HTML 中,你可以使用 <p> 标签来定义段落。每一段文字内容,最好都用一对 <p></p> 包裹起来,这样不仅能让浏览器正确地展示文本,也能使你的网页结构更清晰、语义更明确。

使用 <p> 标签创建段落

HTML 中的段落标签是:

<p>这是一个段落。</p>

当你在浏览器中查看上面的代码时,它会自动在段落前后添加空白(即边距),这样段落之间就不会挤在一起了。

HTML 会忽略多余的空格和换行

你可能会以为在 HTML 中输入多个空格或者换几行,页面就会有相应的变化。但其实,HTML 默认会将多个空格合并为一个空格,换行也不会影响最终显示的结果。

示例:

<p>
这是一个包含
多个 空格
和换行的段落。
</p>

显示效果:

这是一个包含 多个 空格 和换行的段落。

如你所见,浏览器并不会保留原样。如果你真的想要保留空格和换行,可以使用 <pre> 标签(我们将在后续介绍),或者使用实体字符(如 &nbsp; 代表不间断空格)。

段落标签的正确书写方式

每个段落都应该以 <p> 开始,并以 </p> 结束。虽然有些浏览器会自动为你补全未关闭的标签,但你不应该依赖这种“自动修复”。

错误示例(不要这样写):

<p>这是第一段
<p>这是第二段

在某些浏览器中,这样的写法虽然仍会显示段落,但结构是错误的,不利于网页的可维护性,也不利于 SEO。

正确示例:

<p>这是第一段。</p>
<p>这是第二段。</p>

始终确保 HTML 结构是闭合的,这是一种良好的开发习惯。

使用 <br> 创建换行

如果你只想在一段文字中“换一行”而不是“换一段”,那么可以使用 <br> 标签。

<p>这是第一行。<br>这是第二行。</p>

<br> 是一个空元素,没有闭合标签。它的作用仅仅是插入一个换行。

小结

在 HTML 中,段落是使用 <p> 标签定义的。你需要遵循正确的语法,始终闭合段落标签;同时记住,HTML 会自动忽略多余的空格和换行,如果你需要强制换行,可以使用 <br> 标签。掌握这些基本知识,有助于你更规范地组织页面内容,使网页更易于阅读和维护。