Un elemento html può avere più ID?

Comprendo che un ID deve essere univoco all'interno di una pagina HTML / XHTML.

La mia domanda è, per un dato elemento, posso assegnargli più ID?

<div id="nested_element_123 task_123"></div>

Mi rendo conto di avere una soluzione semplice usando semplicemente una classe. Sono solo curioso di usare gli ID in questo modo.

No. Dalla specifica XHTML 1.0

In XML, gli identificatori di frammento sono di tipo ID e può esserci un solo attributo di tipo ID per elemento. Pertanto, in XHTML 1.0 l'attributo id è definito come di tipo ID. Al fine di garantire che i documenti XHTML 1.0 siano documenti XML ben strutturati, i documenti XHTML 1.0 DEVONO utilizzare l'attributo id quando si definiscono identificatori di frammenti sugli elementi sopra elencati. Consulta le Linee guida per la compatibilità HTML per informazioni su come garantire che tali ancoraggi siano compatibili con le versioni precedenti quando si forniscono documenti XHTML come tipo di supporto testo / html.

Contrariamente a quanto hanno detto tutti gli altri, la risposta corretta è SÌ

Le specifiche dei selettori sono molto chiare al riguardo:

Se un elemento ha più attributi ID, tutti devono essere trattati come ID per quell'elemento ai fini del selettore ID. Tale situazione potrebbe essere raggiunta usando miscele di xml: id, DOM3 Core, XML DTD e specifici dello spazio dei nomi conoscenza.

modificare

Giusto per chiarire: Sì, un elemento XHTML può avere più ID, ad es

<p id="foo" xml:id="bar">

ma non è possibile assegnare più ID allo stesso idattributo utilizzando un elenco separato da spazi.

La mia comprensione è sempre stata:

• Gli ID sono monouso e vengono applicati solo a un elemento ...

  • Ciascuno è attribuito come identificatore univoco a (solo) un singolo elemento .

• Le lezioni possono essere utilizzate più di una volta ...

  • Possono quindi essere applicati a più di un elemento e, allo stesso modo, ma diversi, possono esserci più di una classe (cioè più classi) per elemento .

No. Mentre la definizione di w3c per HTML 4 non sembra esplicitamente coprire la tua domanda, la definizione dell'attributo name e id non dice spazi nell'identificatore:

I token ID e NAME devono iniziare con una lettera ([A-Za-z]) e possono essere seguiti da un numero qualsiasi di lettere, cifre ([0-9]), trattini ("-"), caratteri di sottolineatura ("_") , due punti (":") e punti (".").

No. Ogni elemento DOM, se ha un ID, ha un singolo ID univoco. Puoi approssimarlo usando qualcosa come:

<div id='enclosing_id_123'><span id='enclosed_id_123'></span></div>

e quindi utilizza la navigazione per ottenere ciò che desideri davvero.

Se stai solo cercando di applicare gli stili, i nomi delle classi sono migliori.

Puoi avere un solo ID per elemento, ma puoi effettivamente avere più di una classe. Ma non avere più attributi di classe, inserisci più valori di classe in un attributo.

<div id="foo" class="bar baz bax">

è perfettamente legale.

No, non puoi avere più ID per un singolo tag, ma ho visto un tag con un nameattributo e un idattributo trattati allo stesso modo da alcune applicazioni.

No, dovresti usare DIV nidificati se vuoi seguire quel percorso. Inoltre, anche se potessi, immagina la confusione che potrebbe causare quando avvii document.getElementByID (). Quale ID prenderà se ce ne sono più?

Su un argomento leggermente correlato, è possibile aggiungere più classi a un DIV. Vedi la discussione di Eric Myers su,

http://meyerweb.com/eric/articles/webrev/199802a.html

Any ID assigned to a div element is unique.
However, you can assign multiple IDs "under", and not "to" a div element.
In that case, you have to represent those IDs as <span></span> IDs.

Say, you want two links in the same HTML page to point to the same div element in  the page.

The two different links
<p><a href="#exponentialEquationsCalculator">Exponential Equations</a></p>         

<p><a href="#logarithmicExpressionsCalculator"><Logarithmic Expressions</a></p>

Point to the same section of the page. 
<!-- Exponential / Logarithmic Equations Calculator -->
<div class="w3-container w3-card white w3-margin-bottom">      
   <span id="exponentialEquationsCalculator"></span>
   <span id="logarithmicEquationsCalculator"></span>
</div>

http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2

L'attributo id assegna un identificatore univoco a un elemento (che può essere verificato da un parser SGML).

e

I token ID e NAME devono iniziare con una lettera ([A-Za-z]) e possono essere seguiti da un numero qualsiasi di lettere, cifre ([0-9]), trattini ("-"), caratteri di sottolineatura ("_") , due punti (":") e punti (".").

Quindi "id" deve essere unico e non può contenere uno spazio.

Vorrei dire tecnicamente sì, dal momento che ciò che viene reso dipende tecnicamente sempre dal browser. La maggior parte dei browser cerca di attenersi alle specifiche nel miglior modo possibile e per quanto ne so non c'è nulla nelle specifiche CSS contro di esso. Garantirò solo l'effettivo codice html, css, javascript che viene inviato al browser prima che intervenga qualsiasi altro interprete.

Tuttavia dico anche di no, dato che ogni browser su cui collaudo di solito non te lo consente. Se hai bisogno di vedere tu stesso, salva quanto segue come file .html e aprilo nei principali browser. In tutti i browser che ho testato sulla funzione javascript non corrisponderà a un elemento. Tuttavia, rimuovere "hunkojunk" dal tag id e tutto funziona correttamente. Codice di esempio

<html>
<head>
</head>
<body>
    <p id="hunkojunk1 hunkojunk2"></p>

<script type="text/javascript">
    document.getElementById('hunkojunk2').innerHTML = "JUNK JUNK JUNK JUNK JUNK JUNK";
</script>
</body>
</html>

No.

Detto questo, non c'è nulla che possa impedirti di farlo. Ma otterrai un comportamento incoerente con i vari browser. Non farlo 1 ID per elemento.

Se vuoi più assegnazioni a un elemento usa le classi (separate da uno spazio).

È interessante, ma per quanto ne so la risposta è un fermo no. Non vedo perché hai bisogno di un ID nidificato, poiché di solito lo attraversi con un altro elemento che ha lo stesso ID nidificato. Se non lo fai non ha senso, se lo fai c'è ancora poco senso.

So che ha un anno, ma ero curioso di questo e sono sicuro che altri troveranno la loro strada qui. La semplice risposta è no, come altri hanno già detto prima di me. Un elemento non può avere più di un ID e un ID non può essere utilizzato più di una volta in una pagina. Provalo e vedrai quanto non funziona.

In risposta alla risposta di tvanfosson sull'uso dello stesso ID in due elementi diversi. Per quanto ne so, un ID può essere utilizzato solo una volta in una pagina, indipendentemente dal fatto che sia associato a un tag diverso.

Per definizione, un elemento che necessita di un ID dovrebbe essere univoco, ma se hai bisogno di due ID non è univoco e necessita invece di una classe.

le classi sono fatte appositamente per questo, ecco il codice da cui puoi capire

<html>
<head>
    <style type="text/css">
     .personal{
            height:100px;
            width: 100px;   

        }
    .fam{
            border: 2px solid #ccc;
        }   
    .x{
            background-color:#ccc;
        }   

    </style>
</head>
<body>

    <div class="personal fam x"></div>

</body> 
</html>

Anzi.

https://www.w3.org/TR/2011/WD-html5-20110525/elements.html#the-id-attribute

Il valore non deve contenere alcuno spazio.

id="a b"<- trova il carattere spaziale in quel VaLuE .

Detto questo, puoi definire più ID. Ma se stai seguendo le specifiche, la risposta è no.

Gli ID devono essere univoci, quindi è necessario utilizzare un ID specifico solo una volta su una pagina. Le lezioni possono essere utilizzate più volte.

controlla https://www.w3schools.com/html/html_id.asp per maggiori dettagli.

Non credo che tu possa avere due ID, ma dovrebbe essere possibile. Usare lo stesso ID due volte è un caso diverso ... come due persone che usano lo stesso passaporto. Tuttavia, una persona potrebbe avere più passaporti ... Sono venuto a cercarlo poiché ho una situazione in cui un singolo dipendente può avere diverse funzioni. Supponiamo che "sysadm" e "coordinatore del team" con l'id = "coordinatore del team sysadm" mi permettano di fare riferimento a loro da altre pagine in modo che dipendenti.html # sysadm e employee.html # teamcoordinator porterebbero allo stesso posto ... Un giorno qualcuno altrimenti potrebbe assumere la funzione di coordinatore del team mentre il sysadm rimane il sysadm ... quindi devo solo cambiare gli ID nella pagina dipendenti.html ... ma come ho detto - non funziona :(