<pre>标签的语义疑问：为何它仍是HTML5标准标签？

问题背景 #

我对<pre>标签的语义存在疑问，似乎它实现的所有效果都可以通过CSS来完成：

模拟效果的CSS代码 #

code.block {
  white-space: pre;
}

.poem {
  font-family: monospace;
  white-space: pre;
}

对比用的HTML代码 #

<pre><code>fn main() {
  println!("Hello, world");
}</code></pre>

<code class='block'>fn main() {
  println!("Hello, world");
}</code>

<pre>Gently through the wind
  floats a little she-oak twig
    bound for the cold ground.</pre>

<p class='poem'>Gently through the wind
  floats a little she-oak twig
    bound for the cold ground.</p>

在我看来，它像是<font>和<marquee>这类表现型标签的遗留产物，却在HTML5中保留了下来。请问它仍被列为标准标签的原因是什么？

解答 #

你说的没错，<pre>的视觉表现确实能通过CSS模拟，但它能留在HTML5标准里，核心是语义化价值，而非单纯的样式：

• 明确内容的本质属性：<pre>直接告诉浏览器、屏幕阅读器、搜索引擎——这段内容是「预格式化文本」，它的空格、换行、缩进都是内容本身的一部分，不是排版调整。比如代码块的缩进、诗歌的分行、ASCII艺术的布局，这些格式是内容意义的组成部分，用<pre>能精准传递这个语义；而用<p class="poem">只是给普通段落加了样式，机器无法识别它的特殊属性。

• 无障碍访问的必要性：屏幕阅读器遇到<pre>时，会按照内容的原始格式朗读，保留换行和缩进的停顿，让视障用户能感知到内容的结构（比如代码的层级、诗歌的节奏）。如果用CSS模拟，辅助工具只会把它当成普通文本，无法传递这种结构信息。

• 开发与兼容性的便利：<pre>自带默认的预格式化规则，不用每次重复写CSS代码，开发更高效；而且它是HTML原生标签，所有浏览器都支持，不存在兼容性问题。

• 和<code>的语义配合：展示代码时，<pre><code>...</code></pre>是标准语义化写法——<code>标记内容为代码，<pre>保证代码格式不丢失，两者分工明确，让代码高亮工具、搜索引擎能准确识别这是一段带格式的代码块，处理起来更精准。

简单说，<pre>不是为了样式存在，而是为了告诉机器「这段内容的格式很重要」，这是CSS替代不了的。

内容的提问来源于stack exchange，提问作者Miro