查看chrome浏览器控制台发现一个“[DOM] Found 6 elements with non-unique id ” 的警告。
这个错误是指页面中有6个元素的id重复。
产生重复ID原因,是代码编辑器/IDE 会提供一些代码片段,比如在vscode中输入input:checkbox 按tab键,会生成以下一段代码:
<input type=“checkbox” name="" id="">
但通常我们不会去填写id属性值。
HTML草案建议单个页面不要有重复ID,这个很好理解。
但ID为空也被视为重复id,浏览器未免管得太宽了,于是我特意去w3c校验器(Nu Html Checker)去试验了一下:
以上代码共会出现3个错误1个警告:
现在看来,浏览器控制台还是宽松多了,只报警告,不报错误。
so…还是按标准来。