HTML <code> 标签内的颜色（语法高亮）

Question

在如下代码片段中……

     class Foo
    {
      internal Foo()
      {
        for (int i = 0; i < 42; ++i);
      }
    }

…当它们在我的浏览器中显示时，它的各种关键字等都是用颜色编码的。

当我执行“查看源代码”时，我在 HTML 中看不到任何可以实现这种颜色编码的特殊内容。

那么，这种特定于语法的颜色突出显示是如何和/或在哪里实现的呢？例如，它是浏览器内置的，还是通过特定于站点的 JavaScript 在浏览器中编辑 DOM 来实现的？

我发现这对谷歌来说是一个难题。

原文由 ChrisW 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Stack Overflow 使用 Google 的 prettify JS 库来进行语法高亮显示。服务器发送 HTML 后，它在客户端执行。这就是为什么您在原始 HTML 源代码中看不到它的原因。如果您有 FireBug 之类的浏览器插件，您将能够在 prettify 发挥其魔力后检查 DOM。

2020-09-14 更新： Stack Overflow 从 Google 的 prettify 切换到 highlight.js 。

原文由 Asaph 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

有一个很好的 常见问题解答 什么是语法高亮显示以及它是如何工作的？ 在 meta.SE 上。

它非常广泛。为了您的方便，我将引用与您的问题最相关的部分：

---

它是如何工作的？

创建或编辑帖子时，一旦您停止输入 5 秒，就会根据问题的 标签 将语法突出显示分配给预览。

Stack Exchange 没有自己的语法高亮引擎。 它使用 highlight.js ，不一定使用该库的最新版本。因此，Stack Exchange 无法处理有关语法高亮显示的任何错误和功能请求。

为什么我的代码没有被正确突出显示？

[继续阅读原帖……]

原文由 Aaron Thoma 发布，翻译遵循 CC BY-SA 4.0 许可协议