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

Question

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

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

Answer 1

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

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

Вот некоторые другие:

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

Answer 2

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

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

Answer 3

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