HTML CSS JavaScript PHP 四种语法高亮

为什么语法高亮重要

在手机这个小屏幕上敲代码，语法色彩能帮你快速定位结构——标签配对、关键字、字符串、注释各有各的颜色，眼睛一扫就知道自己在代码的什么位置。WebCat 5.21 原生支持四种语言的高亮：HTML、CSS、JavaScript、PHP。

各语言的高亮特点

HTML

标签名、属性名、属性值、注释、DOCTYPE 各有独立颜色，尖括号和斜杠也会高亮——大段 HTML 里找某个标签不会花太多时间。闭合标签会和开头标签同色，一眼看出哪块结构完整、哪块漏了闭合。

CSS

选择器、属性名、属性值、颜色代码、伪类/伪元素全部区分颜色。写复杂选择器或多层嵌套时，靠颜色就能快速看清楚优先级关系。

JavaScript

关键字（function、return、const 等）、字符串、数字、函数名、变量、注释各自上色。5.21 版本对 ES6+ 语法（箭头函数、解构、模板字符串）也有对应的高亮支持。

PHP

这是 WebCat 5.21 和大多数手机编辑器拉开差距的地方——原生 PHP 语法高亮，PHP 标签 <?php ?> 和混合在里面的 HTML 会按各自语言分别高亮，写前后端混合页面时不需要切换模式。

混合文件怎么处理

一个文件里同时有 HTML、CSS、JS、PHP（比如 .php 文件里嵌了 <style> 和 <script>），WebCat 会按各语言块分别高亮——进入 <style> 标签内部自动切 CSS 高亮，进 <script> 自动切 JS，出了标签又回到 HTML/PHP 模式。这和电脑上 VS Code 的行为一致，不需要手动切换。

可以自定义主题吗

WebCat 内置了至少两套主题（亮色 / 暗黑），在设置里切换。不像电脑 IDE 那样有大量社区主题，但默认主题的色彩对比度已经足够在手机上看清结构。暗黑模式特别适合夜间使用，减少眼睛疲劳——具体切换方法见 暗黑模式。

和自动补全配合起来才好用

高亮帮你看清已有代码的结构，自动补全帮你快速敲出新代码。两者配合，手机上写代码的效率比想象中高得多。下一页 自动补全 专门讲自动补全的行为细节。