web-dev-qa-db-ja.com

HTMLページにコード（具体的にはC ++）を表示するにはどうすればよいですか？

HTMLを使用してWebサイトにコードを表示するにはどうすればよいですか？基本的に、自分のWebサイトで共有したいC++プログラムがあり、それをページに表示したいと思います。

HTMLテキストを使用する以外にHTMLでC++コードを表示する方法はありますか？

htmlsyntax-highlightingsyntaxhighlighter
12
hhdgfdg

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>
8
jessegavin

そこにはさまざまな構文ハイライターがあります。 Google Code Prettify はかなり良いものです。 （とにかく、Stack Overflowを使用するには十分です。）

8
David

HTMLには <code> というタグが含まれています。これは、説明する目的のためのものです。

この仕様には、コードの言語を示すためのクラス名規則の例も含まれています。

<pre><code class="language-Pascal">var i: Integer;
    begin
        i := 1;
    end.</code></pre>

このような規則をサポートしているWebブラウザ（Chromeに来てください）は知りませんが、他の回答で言及されているJavaScript構文ハイライターはそれを使用して魔法を働かせることができます。

例でわかるように、<code>タグは通常<pre>タグでラップされます。これにより、コードにとって重要なことが多い空白が保持されます。

8
Paul D. Waite