VS Code Dark+主题下SVG闭合标签换行带空格为何变红？

问题情况 #

在页脚添加SVG后，SVG的闭合标签及后续元素都显示为红色（类似语法错误的高亮样式），但实际代码没有语法问题，Prettier格式化也能正常运行。这个问题只在VS Code 1.78版本的Dark+主题里出现，换其他主题就没事，删掉SVG后高亮异常也会消失。

复现代码 #

<svg></svg
>

解决建议 #

1. 调整SVG标签写法，不要让闭合标签换行，直接写成<svg></svg>，就能避开这个高亮误判；
2. 如果需要保持换行的格式化风格，可以安装第三方HTML语法高亮扩展，替换VS Code内置的语法解析逻辑；
3. 把VS Code升级到最新版本，后续官方更新大概率会修复Dark+主题下这个SVG标签的语法高亮bug。

内容的提问来源于stack exchange，提问作者ibra-zeno