语法高亮方法

Question

我想强调一些css代码，但我不想使用pre标签。我已经看到很多基于pre标签的方法但是我不想使用那个标签。可以使用其他什么方法突出语法。

感谢。

Answer 1

你试过Syntax Highlighter吗？ 它有很多功能可以帮助您进行语法高亮。

顺便说一下，为什么你不想使用<pre>标签？它是HTML中唯一保留像白色空格一样的语法的标记。

语法荧光笔也可以与<script>标记一起使用，请参阅here。

Answer 2

pre元素与语法突出显示无关。您可以在该元素内使用文本级标记（通常也使用CSS）进行突出显示。您使用的任何工具也可以在div元素中使用，例如，p或blockquote。

pre元素用于预格式化文本，因为它保留了空格和换行符。要实现相同目的，您可以在CSS中使用white-space: pre。作为副作用，pre也会导致使用等宽字体;为此，您还可以使用CSS，例如font-family: Consolas, Courier New, monospace或HTML标记，例如....或者你可能会认为没有令人信服的理由将等宽字体用于CSS代码。

Answer 3

在头部添加CDN

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.1/styles/default.min.css"> <script src="http://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.1/highlight.min.js"></script> <script>hljs.initHighlightingOnLoad();</script>

最后在页面中添加

<pre><code class="C#"> public ActionResult Index() { return View(); } </code></pre>

多数情况下，只要您的网站在互联网上下载，就不需要css下载。

Answer 4

您可以使用与StackOverflow相同的库：google-code-prettify。

您可以将代码段放在<code>...</code>标记内而不是<pre>...</pre>标记中，并且使用起来非常简单。