15

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

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

4

3 に答える 3

12

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

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

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

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

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

于 2011-04-19T00:22:05.597 に答える
9

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>
于 2011-04-19T00:15:53.157 に答える
9

さまざまなシンタックス ハイライターがあります。 Google Code Prettifyはかなり良いものです。(とにかく、スタック オーバーフローを使用するには十分です。)

于 2011-04-19T00:16:48.817 に答える