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/

相关文章:

javascript - 如何检查复选框是否没有标签?

javascript - Google Maps 如何将图像添加到 InfoWindow

bash - bash 脚本中的 while 循环在 vim 中没有正确突出显示

regex - 如何测试Emacs Lisp代码的`font-lock-keywords'值

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

xml - 是否可以使用 XSLT 对 XML 文档进行颜色编码和格式化?

JavaScript DOM style.backgroundColor 无法正常工作

c++ - Sublime-text3突出显示}为非法字符

javascript - 如何将默认值放入 'input' 中,当用户按下回车键时它会消失?