标签 " />

本文讲解如何专业、可维护地为 HTML 中的代码添加语法高亮，明确指出 <font color="#xxx"> 已被废弃，推荐使用现代轻量级方案（如 Highlight.js），并提供完整集成步骤与注意事项。

本文讲解如何专业、可维护地为 html 中的代码添加语法高亮，明确指出 `` 已被废弃，推荐使用现代轻量级方案（如 highlight.js），并提供完整集成步骤与注意事项。

在 HTML 中手动用 <font color="#xxx"> 包裹代码片段（如 <font color="#b02f60"><b>using</b></font>）实现“高亮”，虽然能短暂达成视觉效果，但存在严重问题：<font> 标签自 HTML5 起已被完全弃用，不仅语义缺失、可访问性差，还无法响应式适配、不支持键盘导航与屏幕阅读器，更难以维护——一旦主题色变更或语言扩展，需逐行修改数十处硬编码颜色值。

Wechat HTML Publisher

直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。

下载

✅ 正确做法是采用标准化、语义化的语法高亮方案。推荐 Highlight.js ——一个零依赖、轻量（压缩后仅 ~12KB）、支持 190+ 编程语言和 100+ 主题的成熟库。

快速集成步骤（无需构建工具）

1. 引入 CSS 主题与 JS 文件（放在 <head> 和 </body> 前）：

   <!DOCTYPE html>
   <html>
   <head>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/github-dark.min.css">
   </head>
   <body>
   <pre><code class="cpp">#include <NTL/ZZ.h>

using namespace std; using namespace NTL;

int main() { ZZ a, b, c; cin >> a; cin >> b; c = (a+1)*(b+1); cout << c << "\n"; }

<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script><script>hljs.highlightAll();</script>