Nel DOM sono id dei nodi case sensititve?

Question

È questo HTML valido? O l'ID 'a' è uguale all'ID 'A'?

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

Answer 1

Sì. È case-sensitive. I valori degli attributi sono sempre case-sensitive. Tuttavia, diversi browser sembrano fare cose diverse.

Handling document.getElementById è diverso tra i vari browser:

1. Mozilla effettua la ricerca tra maiuscole e minuscole.

2. Internet Explorer: IE 8 e versioni successive eseguono la ricerca tra maiuscole e minuscole, mentre IE 7 e precedenti eseguono la ricerca senza distinzione tra maiuscole e minuscole.

Answer 2

Beh, si può verificare questa abbastanza facilmente ... But yes, they are case-sensitive.

Answer 3

Un po 'di chiarimento qui poiché tutte le risposte di cui sopra sono solo parzialmente corrette. Nel contesto del DOM e Java Script sì, gli ID sono case sensitive. In CSS non lo sono, dato che il CSS è del tutto insensibile al maiuscolo/minuscolo.

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

Tutto sintassi selettori all'interno del range ASCII maiuscole e minuscole (cioè [a-z] e [A-Z] sono equivalenti), fatta eccezione per le parti che non sono sotto il controllo dei selettori. La distinzione tra maiuscole e minuscole dei nomi degli elementi del linguaggio dei documenti, dei nomi degli attributi e dei valori degli attributi nei selettori dipende dalla lingua del documento. Ad esempio, in HTML, i nomi degli elementi sono case-insensitive, ma in XML, sono case-sensitive. La distinzione tra maiuscole e minuscole dei prefissi dei namespace è definita in [CSS3NAMESPACE].

A causa di ciò è una cattiva idea avere due ID in casi diversi poiché non sarà possibile definirli in modo indipendente tramite id.

Answer 4

È valido su tutti i browser moderni (IE 8+) ma non è consigliato perché CSS non fa distinzione tra maiuscole e minuscole. È meglio attenersi a un caso per evitare ogni possibile confusione o errori con CSS.