两个“递减”按钮在VScode IDE中没有显示,并被突出显示为黄色。出什么问题了?

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<h1>Increment and Decrement counter</h1>
<div>
<button onclick="increment()">+</button>
<h2 id="counting">h2 tag</h2>
<button onclick="decrement()">-</button>
<button onclick="decrement()">-</button>
<button onclick="decrement()">-</button>
<button onclick="decrement()">-</button>
<button onclick="decrement()">-</button>
</div>
</body>
</html>
发布于 2021-07-21 07:28:07
该问题与第一个和第三个“递减”按钮中的无间断空间字符有关:

(来自https://www.soscisurvey.de/tools/view-chars.php)
我的浏览器对它们的解释如下:
<button onclick="decrement()">-
<button onclick="decrement()">-</button>
<button onclick="decrement()">-
<button onclick="decrement()">-</button>
<button onclick="decrement()">-</button>导致这种无效结构:

当我用普通空格替换这些字符时,问题就解决了。
在此之前:
<button onclick="decrement()">-</button>
<button onclick="decrement()">-</button>
<button onclick="decrement()">-</button>
<button onclick="decrement()">-</button>
<button onclick="decrement()">-</button>
之后:
<button onclick="decrement()">-</button>
<button onclick="decrement()">-</button>
<button onclick="decrement()">-</button>
<button onclick="decrement()">-</button>
<button onclick="decrement()">-</button>
另见:
https://stackoverflow.com/questions/68464188
复制相似问题