Тег HTML5 для отображения подсветки синтаксиса

Мне было интересно, есть ли тег, который автоматически подчеркивает синтаксис HTML и PHP в HTML5. Я пишу руководство, в котором есть код. Поскольку я использую много новых тегов html5 (я использую раздел для контура моего гида), я хотел бы использовать что-то в собственном html5.

Если этого не существует, каков наилучший способ сделать это? (Как, PHP и CSS?)

Solutions Collecting From Web of "Тег HTML5 для отображения подсветки синтаксиса"

Я ничего не вижу в HTML5, но вы всегда можете использовать highlight_string() из PHP. Если вы хотите что-то чисто на стороне клиента, попробуйте использовать ярлык JS, как prettify, и это то, что StackOverflow использует для выделения кода:

http://code.google.com/p/google-code-prettify/

Вот некоторые из них:

  • SyntaxHighlighter
  • SHJS (использует определения GNU Source-highlight )

HTML5, как и любая другая версия HTML, предназначен для определения контента и структуры. Вы обозначаете блоки кода с помощью <pre> , <code> и т. Д., Но вы не используете HTML, чтобы сообщить браузеру, что-то должно выглядеть , поэтому нет такого элемента, чтобы сказать браузеру синтаксис выделить блок кода ,

Подсветка синтаксиса, таким образом, будет подпадать под область стиля, оформления и т. Д., Которая обрабатывается CSS. Как было предложено NullUserException (некоторые отличные ссылки там!), Вы можете использовать синтаксис синтаксиса JavaScript, чтобы он выделял код для вас на стороне клиента (например, здесь, в Stack Overflow) или выполнял его на стороне сервера и выводил HTML-код в стиле кода с серверного языка.

Я нашел хорошее сравнение некоторых выделяющих код здесь: http://www.1stwebdesigner.com/css/16-free-javascript-code-syntax-highlighters-for-better-programming/