<pre>和<code> HTML标记有什么区别？

Question

如何做一个<pre>HTML标签不同于<code>HTML标签.

我已经查看了W3Schools页面,看起来它们是一样的.

如果它们之间有什么重大区别？

Answer 1

不要去w3schools.请查看w3c文档以获取pre和code.

PRE:

PRE元素告诉可视用户代理所包含的文本是"预先格式化"的.处理预格式化文本时,可视用户代理:

可以保持白色空间完整.

可以使用固定间距字体渲染文本.

可能会禁用自动换行.

不得禁用双向处理.

码:

指定计算机代码的片段.

我想w3schools与W3财团没有任何联系是值得的,这就是为什么他们往往不准确.直到几个月前我才真正知道这一点. (37认同)
抱歉，但这不能回答问题。您没有给出实际的实际物理差异。您只需在文档说明中给出区别即可（并且在w3schools上有不必要的提示，我经常将其用作快速参考，这是它的全部设计目标）。我无法回答这个问题，因为有人关闭了它（并且交叉引用了一个完全不同的问题）。我知道的唯一区别是Pre保留了空格，而Code则没有。 (5认同)
尚未提出的另一点是 <code> 是内联元素，因此可以放置在其他非块标记（即 <p>）内，而 <pre> 标记是块元素，例如，将未按预期在 <p> 内呈现。 (3认同)
@ user1863152，这个问题是5岁。也许自我最初回答以来，w3schools发生了变化，但是在我回答的时候，该网站是一个糟糕的参考。该信息过时，不准确，只是明显的错误。至于我的答案，W3C定义标签的方式很清楚，说明浏览器应该如何处理样式以及它们的用途。 (2认同)

Answer 2

<pre> 说"这个元素中的空格很重要"(所以新的线条和空格会被渲染为新的线条和空格).

<code> 说"这是代码".

除了HTML元素之外,它们没有任何共同之处.

W3Schools页面,似乎它们是一样的

W3Schools经常出错,经常过时,并且经常教授最差的练习.如果他们声称这两个元素做同样的事情,那么这只是避免网站的另一个原因.

我同意W3schools是一个不好的参考.我使用Mozilla开发者网络https://developer.mozilla.org/en-US/docs/HTML/Element (21认同)
@jerrymouse如果你有Chrome,你可以使用W3Schools Hider扩展程序https://chrome.google.com/webstore/detail/w3schools-hider/igiahejkpbnbnekdaefddmdceocmjpll?hl=en-US. (4认同)
这也没有真正回答这个问题。您暗示了实际的实际物理差异，例如空格和NL，但是您没有将其声明为事实（即：在您做自己的研究之前，先看看您的回答，我认为..代码也可以做到这一点）。像其他人一样，您在w3schools上遇到了不必要的流行音乐，我可以找到一个不错的快速参考-所有这些都是设计好的。我无法回答这个问题，因为有人关闭了它（并且交叉引用了一个完全不同的问题）。 (3认同)
W3schools是一个非常糟糕的参考.不幸的是,它们是Google在搜索结果中的首选.我只想删除搜索结果中的所有页面. (2认同)