html - HTML <code> 标签内的颜色(语法高亮)

标签 html syntax-highlighting color-coding

在如下代码片段中......

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

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

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

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

我发现这对 Google 来说是一个很难回答的问题。

最佳答案

Stack Overflow 使用 Google's prettify用于语法高亮的 JS 库。服务器发送 HTML 后,它在客户端执行。这就是为什么您在原始 HTML 源代码中看不到它的原因。如果您有浏览器插件,例如 FireBug ,您将能够在美化完成其魔力后检查 DOM。

2020-09-14 更新:Stack Overflow switched from Google's prettify to highlight.js .

关于html - HTML <code> 标签内的颜色(语法高亮),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1647724/

相关文章:

php - 来自 PHP 脚本的 HTML5 音频

ruby - 可以向 Visual Studio 2008 添加 Ruby 语法突出显示吗?

html - eclipse中html文件的语法着色

visual-studio-code - 如何在 VS Code 中获得 Notepad++ 高亮功能

Javascript 在点击 anchor 时隐藏和显示 div

javascript - 加载 gif 不等待 iFrame 加载?

python - 垂直 "broken"条形图,以数组作为条形高度和颜色编码

javascript - 是否可以使用 HTML5 和 CSS3 对矢量图像进行动态着色?

graphics - 在线性与非线性 RGB 空间中处理颜色时有哪些实际区别?

css - 关于复制/生成大量 div css