用于显示语法突出显示的HTML5标记

Question

我想知道是否有一个标签在HTML5中自动突出显示HTML和/或PHP的语法。 我正在编写一本包含一些代码的指南。由于我使用了很多新的html5标签（我使用部分作为我的指南的大纲），我想在原生的html5中使用一些东西。

如果不存在，最好的方法是什么？ （比如，PHP和CSS？）

Answer 1

我担心HTML5中没有类似的东西，但你总是可以使用PHP的highlight_string()。如果你想要一些纯粹在客户端的东西，那就试试像bettify这样的JS荧光笔，这就是StackOverflow用于代码突出显示的内容：

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

以下是其他一些：

• SyntaxHighlighter
• SHJS（使用GNU Source-highlight定义）

Answer 2

与所有其他版本的HTML一样，HTML5用于定义内容和结构。您使用<pre>，<code>等表示代码块，但您不使用HTML告诉浏览器应该看起来像什么，所以没有这样的告诉浏览器语法突出显示代码块的元素。

因此，语法高亮将属于CSS处理的样式，装饰等领域。 As suggested by NullUserException（那里有一些很棒的链接！），您可以使用JavaScript语法高亮显示，以便在客户端为您突出显示代码（如Stack Overflow上的代码），或者在服务器端执行并输出样式HTML代码块来自服务器端语言。

Answer 3

我在这里找到了一些代码荧光笔的比较： http://www.1stwebdesigner.com/css/16-free-javascript-code-syntax-highlighters-for-better-programming/