VS Code中链接内冒号显红、后续文本斜体的原因咨询

这不是你的代码错误，是VS Code的HTML语法高亮解析bug。

• 你的代码里onclick用单引号包裹整个脚本内容，脚本里的URL用双引号，这种引号嵌套本身是合法的，浏览器能正常解析运行。
• 但VS Code的HTML语法高亮器在处理这种嵌套引号里的URL时，误把https:里的冒号识别成了HTML伪类（比如:hover这类）的标记，所以把冒号标红，后面的文本当成伪类后的内容错误地显示成斜体。

你可以试试两种办法规避这个高亮问题：

1. 调换引号：onclick="document.getElementById('spaces').href='https://www.w3schools.com'"，用双引号包裹onclick属性值，单引号包裹内部字符串，语法高亮会恢复正常。
2. 把脚本抽离到外部JS文件或者页面的<script>标签中，避免在HTML属性里直接写脚本逻辑，这也是更规范的前端写法。

调换引号后的代码示例：

<button type="button" onclick="document.getElementById('spaces').href='https://www.w3schools.com'">Change site to w3schools</button>

内容的提问来源于stack exchange，提问作者Štěpán Buchta