Muitos de nós não sabemos o que a especificação HTML5 diz sobre nosso elemento âncora abaixo.
Se o elemento a não tiver o atributo href, o elemento representa um espaço reservado para onde um link poderia ter sido colocado, se fosse relevante.
Esqueça aquelas spansubstituições de elemento usadas para estilizar links direcionados à página atual. Remova o hrefatributo do link.
<nav>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/news">News</a></li>
<li><a>Examples</a></li>
<li><a href="/legal">Legal</a></li>
</ul>
</nav>