首先启用font-lock模式并配置html-mode或web-mode，再通过安装web-mode增强HTML、CSS、JavaScript混合高亮，最后加载主题或自定义face优化颜色显示，确保文件类型正确识别以实现完整语法高亮。
在Emacs中设置HTML模式的高亮显示，主要是通过启用语法高亮功能和配置合适的模式来实现。Emacs自带html-mode（或sgml-mode），默认支持基础的HTML编辑，但要获得更好的高亮效果，可以结合web-mode或启用font-lock来增强显示。
启用内置HTML模式的语法高亮
Emacs默认在HTML文件打开时自动进入HTML模式，并启用font-lock-mode进行语法高亮。如果未生效，可手动确认开启：
- 确保
global-font-lock-mode已启用：
- 检查文件是否正确关联到HTML模式。可在文件末尾添加如下行，让Emacs识别为HTML：
- 或在
.emacs配置文件中添加关联：
使用web-mode获得更强大的高亮支持
web-mode是社区广泛使用的扩展，支持HTML、嵌入式CSS/JavaScript、模板标签等，提供更精细的高亮和缩进控制。
- 安装
web-mode：可通过MELPA包管理器安装：
- 在
.emacs中配置启动web-mode：
- 可进一步自定义高亮颜色和行为，例如设置标签配对高亮：
自定义高亮颜色与主题搭配
若默认颜色不够清晰，可更换Emacs主题或调整特定face样式。
立即学习“前端免费学习笔记（深入）”；
- 加载一个支持良好语法高亮的主题，如
modus-operandi、doom-one等：
- 手动调整HTML标签或属性的显示颜色：
基本上就这些。启用font-lock、使用web-mode并搭配合适的主题，就能获得清晰美观的HTML高亮效果。不复杂但容易忽略的是模式正确加载和文件类型识别。确保配置保存后重启Emacs或重新打开HTML文件查看效果。
