HTML5段落标签p和br怎么选_文本排版常用标签对比【解答】

必须用表示独立语义段落,如逻辑完整的文本块;只能用实现同一段落内的纯视觉换行,如地址、诗歌等。混用会破坏可访问性、样式控制与响应式布局。

表达一个完整语义段落,用
仅在需要强制换行但不构成新段落时插入——二者语义和用途完全不同,不能互换。

什么时候必须用

当内容是一个有独立意义的文本块(比如一句话、几句话组成的逻辑单元),且后续可能被 CSS 控制间距、缩进或响应式断行时,必须用

。浏览器默认会给

添加上下外边距,这是语义化排版的基础。

  • 搜索引擎和屏幕阅读器靠

    理解内容结构,
    完全无语义
  • 用 CSS 调整段落间距时,margin

    有效,对
    无效
  • 在富文本编辑器或 CMS 中,回车通常生成

    ,而非

什么时候只能用


是纯表现标签,只表示“此处换行”,不产生新段落、不带任何语义。它唯一合理用途是:在同一段落内需要视觉换行,但逻辑上仍属同一语义单元。

  • 地址、诗歌、歌词等需保留特定换行格式的内容:

    北京市朝阳区建国路87号
    中国尊大厦B座12层

  • 表单提示文字中嵌入换行(如 内)
  • 绝对避免用多个

    模拟段落间距——这是最常见误用

为什么混用或滥用会出问题?


替代

会导致样式失控和可访问性缺陷;反过来,在诗歌里硬套

又会破坏原有分行意图。

  • CSS 的 text-alignline-height 等属性对

    和其子元素行为不同,
    不参与盒模型计算
  • 移动端响应式设计中,

    可通过 margindisplay 调整布局,
    无法响应
  • 使用 aria-label 或语音朗读时,
    被忽略,而

    被当作停顿节点处理

真正难的不是记住哪个标签怎么写,而是每次敲下回车前,先问一句:这里是要开始一个新段落,还是只是想在这行末尾换行?