跳至主要內容

段落

Sankgao约 405 字大约 1 分钟FrontendHTML5

段落是通过 <p> 标签定义的。例如:

演示
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

提示

浏览器会自动地在段落的前后添加空行。(<p> 是块级元素)

不要忘记结束标签 </p>。即时忘记结束标签,在大多数浏览器中也会正确显示,但在未来的 HTML 版本中,不允许省略 结束标签

HTML 折行

使用空的段落标记 <p></p> 去插入一个空行是个坏习惯,应该使用 <br /> 标签代替。

如果您希望在不产生一个新段落的情况下进行换行(新行),请使用 <br /> 标签。例如:

演示
<p>This is<br />a para<br />graph with line breaks</p>

<br /> 元素是一个空的 HTML 元素。由于关闭标签没有任何意义,因此它没有结束标签

<br> 还是 <br />

即使 <br> 在大多数浏览器中也会正确显示,但使用 <br /> 是更长远的保障。

HTML 输出

当显示页面时,浏览器会移除源代码中 多余的 空格和空行。所有连续的空格或空行都会被算作 一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

演示
<h1>春晓</h1>

<p>
    春眠不觉晓,
      处处闻啼鸟。
        夜来风雨声,
          花落知多少。
</p>

<p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。</p>