如何在HTML页面中显示代码(特别是C ++)?

| 如何使用HTML在网站中显示代码?基本上,我想在我的网站上共享一个C ++程序,并且希望在页面中显示它。 除了使用HTML文本外,是否还有其他以HTML显示C ++代码的方法?
已邀请:
那里有各种语法突出显示器。 Google Code Prettify是一个非常不错的工具。 (无论如何,足以供堆栈溢出使用。)
HTML包含一个名为“ 0”的标签,该标签用于您描述的目的。 规范甚至包括示例类名称约定,以指示代码使用的语言:
<pre><code class=\"language-pascal\">var i: Integer;
    begin
        i := 1;
    end.</code></pre>
我不知道任何支持这种约定的网络浏览器(Chrome浏览器上来),但是其他答案中提到的JavaScript语法突出显示功能可以使它发挥作用。 在示例中可以看到,see0标记通常包装在ѭ3标记中,该标记保留空白,这通常对于代码很重要。
您可以使用SyntaxHighlighter。通过突出显示适用于多种语言的特定语法,它将毫不费力地增强页面上的代码示例。 这是C ++的示例
<head>
  <link href=\"css/shCore.css\" rel=\"stylesheet\" type=\"text/css\" />
  <link href=\"css/shThemeDefault.css\" rel=\"stylesheet\" type=\"text/css\" />
</head>

<body>
  <pre class=\'brush: cpp\'>
  // my first program in C++
  #include <iostream>
  using namespace std;

  int main ()
  {
    cout << \"Hello World!\";
    return 0;
  }
  </pre>

  <script src=\"js/shCore.js\"></script>
  <script src=\"js/shBrushCpp.js\"></script>
  <script>
    SyntaxHighlighter.all()
  </script>
</body>

要回复问题请先登录注册