W DOM są identyfikatory case sensititve?

Question

Czy ten HTML jest prawidłowy? Czy też identyfikator "a" jest taki sam jak identyfikator "A"?

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

Answer 1

Tak. Wielkość liter jest rozróżniana. Wartości atrybutów zawsze uwzględniają wielkość liter. Jednak różne przeglądarki wydają się robić różne rzeczy.

Handling document.getElementById jest różny w różnych przeglądarkach:

1. Mozilla wykonuje wyszukiwanie z uwzględnieniem wielkości liter.

2. Internet Explorer: Wyszukiwarka IE 8 i późniejsza wykonuje wyszukiwanie z rozróżnianiem wielkości liter, podczas gdy IE 7 i wcześniejsze wykonują wyszukiwanie bez rozróżniania wielkości liter.

Answer 2

Cóż, można to sprawdzić bardzo łatwo ... But yes, they are case-sensitive.

Answer 3

Trochę wyjaśnienia, ponieważ wszystkie powyższe odpowiedzi są tylko częściowo poprawne. W kontekście DOM i Java Script tak, identyfikatory są rozróżniane wielkości liter. W CSS nie są, ponieważ CSS jest całkowicie niewrażliwy na wielkość liter.

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

Wszystkie składni selektory liter jest w zakresie ASCII (czyli [A-Z] i [A-Z] równoważne), z wyjątkiem części, które nie są pod kontrolą selektorów. Rozróżnianie wielkości liter w nazwach elementów języka dokumentu, nazwach atrybutów i wartościach atrybutów w selektorach zależy od języka dokumentu. Na przykład w języku HTML nazwy elementów nie uwzględniają wielkości liter, ale w języku XML uwzględniają wielkość liter. Rozróżnianie wielkości znaków przedrostków przestrzeni nazw jest zdefiniowane w [CSS3NAMESPACE].

Z tego powodu nie jest dobrym pomysłem posiadanie dwóch identyfikatorów w różnych przypadkach, ponieważ nie będzie można ich oznaczyć niezależnie przez id.

Answer 4

Jest on ważny we wszystkich nowoczesnych przeglądarkach (IE 8+), ale nie jest zalecany, ponieważ wielkość liter w rozmiarze CSS jest niewrażliwa. Lepiej trzymać się jednego przypadku, aby uniknąć ewentualnych pomyłek lub błędów z CSS.