Acho que o título diz tudo, por que é considerado errado repetirmos IDs em HTML?
Noto muita gente fazendo coisas como:
<div id="foo">bar</div>
<div id="foo">baz</div>
Para aplicar CSS e entendo os problemas que isto causa na hora de selecionar o elemento, mas gostaria de uma explicação com referencias e sobre a "semântica" disto, para formular melhor fica as duvidas:
- Isto atrapalha o CSS?
- Isto atrapalha o JavaScript?
- Sendo independente de linguagem, isto atrapalha o DOM ou manipulação do DOM quanto ao uso de APIs (ou bibliotecas, independente de ser front-end ou outras linguagens que tem a capacidade de manipular)?
- Existe algum momento em HTML que ID teria a exceção de poder se repetir?
Por favor cite exemplos dos problemas para que possa ficar mais fácil endenter