HTML 段落
在 HTML 中,你可以使用 <p>
标签来定义段落。每一段文字内容,最好都用一对 <p>
和 </p>
包裹起来,这样不仅能让浏览器正确地展示文本,也能使你的网页结构更清晰、语义更明确。
使用 <p>
标签创建段落
HTML 中的段落标签是:
<p>这是一个段落。</p>
当你在浏览器中查看上面的代码时,它会自动在段落前后添加空白(即边距),这样段落之间就不会挤在一起了。
HTML 会忽略多余的空格和换行
你可能会以为在 HTML 中输入多个空格或者换几行,页面就会有相应的变化。但其实,HTML 默认会将多个空格合并为一个空格,换行也不会影响最终显示的结果。
示例:
<p>
这是一个包含
多个 空格
和换行的段落。
</p>
显示效果:
这是一个包含 多个 空格 和换行的段落。
如你所见,浏览器并不会保留原样。如果你真的想要保留空格和换行,可以使用 <pre>
标签(我们将在后续介绍),或者使用实体字符(如
代表不间断空格)。
段落标签的正确书写方式
每个段落都应该以 <p>
开始,并以 </p>
结束。虽然有些浏览器会自动为你补全未关闭的标签,但你不应该依赖这种“自动修复”。
错误示例(不要这样写):
<p>这是第一段
<p>这是第二段
在某些浏览器中,这样的写法虽然仍会显示段落,但结构是错误的,不利于网页的可维护性,也不利于 SEO。
正确示例:
<p>这是第一段。</p>
<p>这是第二段。</p>
始终确保 HTML 结构是闭合的,这是一种良好的开发习惯。
使用 <br>
创建换行
如果你只想在一段文字中“换一行”而不是“换一段”,那么可以使用 <br>
标签。
<p>这是第一行。<br>这是第二行。</p>
<br>
是一个空元素,没有闭合标签。它的作用仅仅是插入一个换行。
小结
在 HTML 中,段落是使用 <p>
标签定义的。你需要遵循正确的语法,始终闭合段落标签;同时记住,HTML 会自动忽略多余的空格和换行,如果你需要强制换行,可以使用 <br>
标签。掌握这些基本知识,有助于你更规范地组织页面内容,使网页更易于阅读和维护。