HTML代码语法高亮技巧分享

大家好,今天小编来为大家解答以下的问题，关于HTML代码语法高亮技巧分享，这个很多人还不知道，现在让我们一起来看看吧！

**我使用highlight.js来添加语法高亮**

###highlight.js 优点：

- 176 种语言和79 种风格

- 自动语言检测

- 多语言代码高亮

- 适用于node.js

- 适用于任何标记

- 兼容任何js框架

## 下面开始集成

添加引用：

``html

````

上面的第一行是样式。我在这里使用了“monokai-sublime”风格；

第二行是高亮的JS库；

第三行在加载文档时自动检测用于格式化的``标记。

虽然**highlight.js** 支持超过100 种语言，但它并不默认包含所有语言。下载页面上提供了语言选择。建议您选择下载。毕竟每个人的流行语言不同，个人需要在页面上选择语言。使用的语言也不同。

当然，你也可以使用一些静态CDN库来进行加速。

我的博客使用这个库。下面是一个Java代码示例：

``java

/******************************************************** **************************************

* Compilation: javac HelloWorld.java

* 执行： java HelloWorld

* 打印“你好，世界”。按照传统，这是每个人的第一个节目。

* % java 你好世界

* 你好世界

****************************************************** * ******************************/

公共类HelloWorld {

公共静态无效主（字符串[] args）{

//将“Hello, World”打印到终端窗口。

System.out.println("你好，世界");

}

好了，关于HTML代码语法高亮技巧分享和的问题到这里结束啦，希望可以解决您的问题哈！

用户评论

来自火星球的我

哇，这个功能简直太赞了！看代码舒服多了。

    有19位网友表示赞同！

赋流云

终于不用再对着一堆乱码头疼啦！

    有14位网友表示赞同！

此生一诺

这样就能更清晰地理解代码结构了吗？

    有19位网友表示赞同！

减肥伤身#

有没有什么推荐的插件或工具？

    有19位网友表示赞同！

柠栀

对新手学习编程来说，这个功能真的很有帮助！

    有5位网友表示赞同！

别在我面前犯贱

原来看代码还能这么美观，太有艺术感了。

    有9位网友表示赞同！

荒野情趣

想学 HTML 就来用了，语法高亮简直是我的福音！

    有14位网友表示赞同！

柠夏初开

我现在就迫不及待去试试在代码中添加语法高亮了！

    有13位网友表示赞同！

孤败

这功能是不是可以应用到其他编程语言里啊？

    有11位网友表示赞同！

煮酒

学习 HTML 终于不再那么枯燥啦！

    有20位网友表示赞同！

肆忌

以前看代码总觉得像密文，现在不一样了。

    有18位网友表示赞同！

风中摇曳着长发

语法高亮真能提升阅读体验！

    有10位网友表示赞同！

北朽暖栀

学习编程真的要感谢这种方便的功能啊。

    有20位网友表示赞同！

微信名字

使用语法高亮后的代码是不是更好调试了？

    有13位网友表示赞同！

酒笙倾凉

我还以为只有专业的编辑器才有这个功能呢!

    有12位网友表示赞同！

巷雨优美回忆

有没有什么其他技巧可以提高 HTML 编写的效率？

    有6位网友表示赞同！

罪歌

我已经学会在博客上添加语法高亮了，效果棒棒哒！

    有12位网友表示赞同！

墨染天下

学习 HTML 真有趣！有了语法高亮，简直就像上了新的级别！

    有16位网友表示赞同！

龙吟凤

看来要学习一下如何使用语法高亮的工具啦！

    有10位网友表示赞同！

【HTML代码语法高亮技巧分享】相关文章：

1.蛤蟆讨媳妇【哈尼族民间故事】

2.米颠拜石

3.王羲之临池学书

4.清代敢于创新的“浓墨宰相”——刘墉

5.“巧取豪夺”的由来－－米芾逸事

6.荒唐洁癖　惜砚如身（米芾逸事）

7.拜石为兄－－米芾逸事

8.郑板桥轶事十则

9.王献之被公主抢亲后的悲惨人生

10.史上真实张三丰：在棺材中竟神奇复活