HTML中<code>标签的语法高亮颜色设置

Question

在像下面这样的代码片段中...

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

...当它们在我的浏览器中显示时，各种关键字等都会被着色。

当我点击“查看源代码”时，我没有看到任何特殊的HTML代码来实现这种着色。

那么这种特定语法的颜色高亮是如何实现的呢？例如，它是内置于浏览器中，还是通过特定网站的JavaScript编辑浏览器中的DOM来实现的？

我发现这是一个难以通过谷歌搜索得到答案的问题。

Answer 1

在meta.SE上有一个非常好的FAQ 什么是语法高亮，它是如何工作的？。

它非常详尽。为了方便起见，我会引用与您的问题最相关的部分：

---

它是如何工作的？

在创建或编辑帖子时，根据问题的标签，语法高亮会在您停止输入5秒后分配给预览。

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

为什么我的代码没有正确高亮显示？

[ 继续阅读原始帖子... ]

Answer 2

Stack Overflow使用Google的prettify JS库进行语法高亮。它在HTML由服务器传送到客户端后执行。这就是为什么你在原始HTML源代码中看不到它。如果你安装了像FireBug这样的浏览器插件，你就可以在prettify完成后检查DOM。

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