为什么我不能在html nav标签中使用role ="navigation"属性？

Question

我的代码片段如下: -

<nav role="navigation" data-offset-top="100" data-spy="affix" class="navbar navbar-inverse navbar-fixed-top">

当我验证这段代码时,它会给我一个警告,但是在bootstrap文档中可以使用相同的代码.
这是一个截图 -

Answer 1

<nav role="navigation">是多余的,所以不鼓励.在某些元素的过渡期间,鼓励[role]除了新标记之外还使用该属性,但只有在浏览器支持新标记的隐式语义之前.

这更常见<main role="main">于HTML的后续添加.

最后,w3c验证器并没有说你不能使用冗余标记,它只是警告你它是多余的和不必要的.

例如,验证:

<!doctype html>
<title>example</title>
<nav role="navigation"></nav>

产生以下警告:

警告:元素导航不需要角色属性.

如果它是无效标记,则会收到错误.