首页html代码块语法高亮

html代码块语法高亮

时间: 2023-11-08 15:59:34 浏览: 189

你可以使用highlight.js这个代码高亮插件来实现html代码块的语法高亮。首先，你需要在页面中引入highlight.js的库文件，然后给需要高亮的代码块添加一个特定的class，通常是"html"或者"lang-html"。在代码块的父元素上调用highlight.js的highlightBlock函数即可实现代码块的语法高亮。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="path/to/highlight.css"> </head> <body> <pre><code class="html">  </code></pre> <script src="path/to/highlight.js"></script> <script>hljs.highlightBlock(document.querySelector('code'));</script> </body> </html> ```

阅读全文