Как я могу показать код (особенно C ++) на странице HTML? - PullRequest
Новая
       27

Как я могу показать код (особенно C ++) на странице HTML?

11 голосов
/ 19 апреля 2011

Как я могу показать код на веб-сайте, используя HTML?По сути, у меня есть программа на C ++, которой я хотел бы поделиться на своем веб-сайте, и я хочу показать ее на странице.

Есть ли способ показать код C ++ в HTML, отличный от HTML-текста?1003 *

Ответы [ 3 ]

8 голосов
/ 19 апреля 2011

HTML включает тег с именем <code>, который предназначен для целей, которые вы описываете.

Спецификация даже включает пример соглашения об именах классов, чтобы указать, на каком языке код: 

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

Я не знаю ни одного веб-браузера, поддерживающего такое соглашение (ну же, Chrome), но средства подсветки синтаксиса JavaScript, упомянутые в других ответах, могли бы использовать его для своего волшебства.

Как видно из примера, тег <code> обычно заключен в тег <pre>, который сохраняет пробелы, что часто важно для кода.

8 голосов
/ 19 апреля 2011

Вы можете использовать SyntaxHighlighter . Это незаметно улучшит примеры кода на вашей странице с особой подсветкой синтаксиса для широкого спектра языков.

Вот пример для C ++ 

<code><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;
  }
SyntaxHighlighter.all ()
7 голосов
/ 19 апреля 2011

Существуют различные подсветки синтаксиса. Google Code Prettify довольно хороший. (В любом случае, достаточно для использования переполнения стека.)

...