Ho visto un codice HTML come questo per l'attributo ID:Cosa si intende per due punti all'interno di un attributo id HTML?
id="t1:c3"
Qualcuno può spiegare questo a me? Qual è lo scopo del colon (:)?
Grazie.
I due punti sono consentiti negli attributi ID, ma non hanno alcun significato speciale. Non è davvero consigliabile usarli perché a volte possono causare problemi, come quando vengono usati con jQuery o CSS, dove i due punti hanno un significato speciale come pseudo-selettore.
In aggiunta a quanto sopra ho scoperto che Omniture utilizza i due punti per definire le classi correlate al layout.
Se il codice HTML viene generato con Java ServerFaces questo genere produce tali ID, cioè se il modulo ha l'ID form1 e l'elemento ha l'ID firstName questo si traduce in un ID form1:firstName se l'elemento è a livello alto , se ce ne sono diversi creati in un loop, assomigliano a form1:1:firstName, form1:2:firstName, ...
Questo comportamento del framework non può essere modificato.
Per JSF, vedere qui: https://stackoverflow.com/a/7928290/1599699 L'ID esatto deve essere utilizzato, quindi ad es. se metti 'id =" blah "' nel tuo codice, ma quell'elemento è all'interno di un '
Si noti inoltre che quando si usano i due punti nello stile CSS, è necessario usare '\:' invece di ':' per IE 8 - IE 11 o '\ 3A' invece di': 'per IE 6 - IE 7 (o per qualsiasi versione). Vedi qui: https://stackoverflow.com/questions/122238/handling-a-colon-in-an-element-id-in-a-css-selector#comment80053896_122266 – Andrew
quindi vuoi dire che questo non sarà consigliabile anche per i CSS? – Ryan
Esatto, perché nei CSS i due punti sono usati per gli pseudo-selettori, come '# div.button: hover' –
Sono d'accordo con cxfx, ma se c'è molto bisogno di usare i due punti, puoi sfuggire a css come '# t1 \: c3 {rules;}' – Sotiris