En el DOM, ¿es idóneo el caso de los identificadores de nodo?

Question

¿Este HTML es válido? ¿O es id 'a' igual que id 'A'?

<div id="a">alpha</div> 
<div id="A">Alpha</div> 

Answer 1

Sí. Es sensible a mayúsculas y minúsculas. Los valores de los atributos son siempre sensibles a las mayúsculas y minúsculas. Sin embargo, diferentes navegadores parecen estar haciendo cosas diferentes.

Manejo document.getElementById es diferente en todos los navegadores:

1. Mozilla realiza operaciones de búsqueda entre mayúsculas y minúsculas.

2. Internet Explorer: IE 8 y posteriores realizan búsquedas sensibles a mayúsculas y minúsculas, mientras que IE 7 y versiones anteriores realizan búsquedas insensibles a mayúsculas y minúsculas.

Answer 2

Bueno, se puede probar esto con bastante facilidad ... But yes, they are case-sensitive.

Answer 3

Poco de aclaración aquí ya que todas las respuestas anteriores son parcialmente correctas. En el contexto de DOM y Java Script sí, los ID son sensibles a mayúsculas y minúsculas. En CSS no lo son, ya que CSS es completamente insensible a mayúsculas y minúsculas.

http://www.w3.org/TR/css3-selectors/#casesens

Todo sintaxis selectores es sensible a las mayúsculas dentro del rango ASCII (es decir, [a-z] y [A-Z] son ​​equivalentes), excepto para las partes que no están bajo el control de los selectores. La distinción entre mayúsculas y minúsculas de los nombres de los elementos del lenguaje de los documentos, los nombres de los atributos y los valores de los atributos en los selectores depende del idioma del documento. Por ejemplo, en HTML, los nombres de los elementos no distinguen entre mayúsculas y minúsculas, pero en XML, distinguen entre mayúsculas y minúsculas. La distinción entre mayúsculas y minúsculas de los prefijos del espacio de nombres se define en [CSS3NAMESPACE].

Debido a esto, es una mala idea tener dos identificadores en diferentes casos, ya que no podrá diseñarlos independientemente por id.

Answer 4

Es válido en todos los navegadores modernos (IE 8+) pero no lo recomiendo porque CSS no distingue entre mayúsculas y minúsculas. Es mejor apegarse a un caso para evitar posibles confusiones o errores con CSS.