问题描述
|
如何使用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>