正在尝试修复w3验证程序错误和警告

Question

在W3 validator中测试我的html代码时，我收到了这个错误和警告消息：

第21行，第23列：ID menuItem第一次出现在这里。

<li id="menuItem"><a href="#visit">Ten Places to Visit</a></li>

✉第29行第25列：重复ID菜单项。

<li id="menuItem"><a href="#Wrigley">Wrigley Field</a></li>

但是，当我尝试删除标记的id=""部分，使其读取<li menuItem>时，我将丢失menuItem的属性。

验证器的这种类型的错误通常应该被忽略，还是我没有正确纠正它？

Answer 1

多次使用同一id是无效的。尝试使用class而不是id（如果您使用id仅调用样式）

Answer 2

ID菜单项在同一页上重复出现。因此，更改使ID具有唯一性。

在W3中，验证器ID应该是唯一的。

你可以这样更改代码。

<li id="menuItem0"><a href="#visit">Ten Places to Visit</a></li>
<li id="menuItem1"><a href="#Wrigley">Wrigley Field</a></li>

Answer 3

从您的代码来看，W3验证器的抱怨是正确的！您不能使用同一个ID名称两次，如果使用两次，您将覆盖其他项。W3验证器始终跟踪所有这些，以维护网站的标准和完整性。因此，您需要为每个引用使用唯一的ID名称标识符。试试这个：

<li id="menuItem"><a href="#visit">Ten Places to Visit</a></li>
<li id="menuItemA"><a href="#Wrigley">Wrigley Field</a></li>

我希望这能有所帮助。