¿Puede un elemento html tener múltiples identificadores?

Entiendo que una identificación debe ser única dentro de una página HTML / XHTML.

Mi pregunta es, para un elemento dado, ¿puedo asignarle múltiples identificadores?

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

Me doy cuenta de que tengo una solución fácil simplemente usando una clase. Tengo curiosidad por usar los identificadores de esta manera.

No. De la especificación XHTML 1.0

En XML, los identificadores de fragmentos son de tipo ID, y solo puede haber un único atributo de tipo ID por elemento. Por lo tanto, en XHTML 1.0, el atributo id se define como de tipo ID. Para garantizar que los documentos XHTML 1.0 sean documentos XML bien estructurados, los documentos XHTML 1.0 DEBEN usar el atributo id al definir identificadores de fragmentos en los elementos enumerados anteriormente. Consulte las Pautas de compatibilidad de HTML para obtener información sobre cómo garantizar que dichos anclajes sean compatibles con versiones anteriores cuando sirva documentos XHTML como texto de tipo multimedia / html.

Contrariamente a lo que todos los demás dijeron, la respuesta correcta es SÍ

La especificación de Selectores es muy clara al respecto:

Si un elemento tiene múltiples atributos de ID, todos ellos deben tratarse como ID para ese elemento a los efectos del selector de ID. Se podría llegar a tal situación utilizando mezclas de xml: id, DOM3 Core, DTD XML y espacio de nombres específico conocimiento.

Editar

Solo para aclarar: Sí, un elemento XHTML puede tener múltiples identificadores, por ejemplo

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

pero idno es posible asignar múltiples identificadores al mismo atributo usando una lista separada por espacios.

Mi comprensión siempre ha sido:

• Los ID son de un solo uso y solo se aplican a un elemento ...

  • Cada uno se atribuye como un Identificador único a (solo) un solo elemento .

• Las clases se pueden usar más de una vez ...

  • Por lo tanto, se pueden aplicar a más de un elemento , y de manera similar pero diferente, puede haber más de una clase (es decir, varias clases) por elemento .

No. Si bien la definición de w3c para HTML 4 no parece cubrir explícitamente su pregunta, la definición del atributo de nombre e id dice que no hay espacios en el identificador:

Los tokens de ID y NAME deben comenzar con una letra ([A-Za-z]) y pueden ir seguidos de cualquier número de letras, dígitos ([0-9]), guiones ("-"), guiones bajos ("_") , dos puntos (":") y puntos (".").

No. Cada elemento DOM, si tiene una identificación, tiene una identificación única y única. Puedes aproximarlo usando algo como:

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

y luego usa la navegación para obtener lo que realmente quieres.

Si solo está buscando aplicar estilos, los nombres de clase son mejores.

Solo puede tener una ID por elemento, pero puede tener más de una clase. Pero no tenga múltiples atributos de clase, ponga múltiples valores de clase en un atributo.

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

Es perfectamente legal.

No, no puede tener múltiples identificadores para una sola etiqueta, pero he visto una etiqueta con un nameatributo y un idatributo que algunas aplicaciones tratan de la misma manera.

No, debe usar DIV anidados si desea avanzar por ese camino. Además, incluso si pudiera, imagine la confusión que causaría al ejecutar document.getElementByID (). ¿Qué identificación va a tomar si hay varias?

En un tema ligeramente relacionado, puede agregar varias clases a un DIV. Ver la discusión de Eric Myers en,

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

El atributo id asigna un identificador único a un elemento (que puede ser verificado por un analizador SGML).

y

Los tokens de ID y NAME deben comenzar con una letra ([A-Za-z]) y pueden ir seguidos de cualquier número de letras, dígitos ([0-9]), guiones ("-"), guiones bajos ("_") , dos puntos (":") y puntos (".").

Entonces "id" debe ser único y no puede contener un espacio.

Me gustaría decir técnicamente que sí, ya que realmente lo que se procesa depende técnicamente del navegador. La mayoría de los navegadores intentan cumplir con las especificaciones lo mejor que pueden y, por lo que sé, no hay nada en las especificaciones de CSS en su contra. Solo voy a garantizar el código html, css, javascript real que se envía al navegador antes de que intervenga cualquier otro intérprete.

Sin embargo, también digo que no, ya que cada navegador en el que normalmente pruebo no te deja. Si necesita verlo usted mismo, guarde lo siguiente como un archivo .html y ábralo en los principales navegadores. En todos los navegadores que probé en la función javascript no coincidirá con un elemento. Sin embargo, elimine "hunkojunk" de la etiqueta de identificación y todo funcionará bien. Código de muestra

<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.

Dicho esto, no hay nada que te impida hacerlo. Pero obtendrá un comportamiento inconsistente con los distintos navegadores. No lo hagas 1 ID por elemento.

Si desea asignaciones múltiples a un elemento, use clases (separadas por un espacio).

Eso es interesante, pero que yo sepa, la respuesta es un no rotundo. No veo por qué necesita una ID anidada, ya que generalmente la cruzará con otro elemento que tenga la misma ID anidada. Si no lo hace, no tiene sentido, si lo hace todavía hay muy poco punto.

Sé que esto tiene un año pero tenía curiosidad sobre esto y estoy seguro de que otros encontrarán su camino aquí. La respuesta simple es no, como otros han dicho antes que yo. Un elemento no puede tener más de una ID y una ID no se puede usar más de una vez en una página. Pruébalo y verás lo bien que no funciona.

En respuesta a la respuesta de tvanfosson con respecto al uso de la misma ID en dos elementos diferentes. Hasta donde sé, una ID solo se puede usar una vez en una página, independientemente de si está adjunta a una etiqueta diferente.

Por definición, un elemento que necesita una ID debe ser único, pero si necesita dos ID, entonces no es realmente único y necesita una clase en su lugar.

Las clases están especialmente hechas para esto, aquí está el código desde el cual puedes entender

<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>

No.

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

El valor no debe contener caracteres de espacio.

id="a b"<- encuentra el carácter de espacio en ese VaLuE .

Dicho esto, puede diseñar múltiples ID. Pero si sigue las especificaciones, la respuesta es no.

Los ID deben ser únicos, por lo que solo debe usar un ID en particular una vez en una página. Las clases pueden usarse repetidamente.

consulte https://www.w3schools.com/html/html_id.asp para obtener más detalles.

No creo que puedas tener dos Id´s pero debería ser posible. Usar la misma identificación dos veces es un caso diferente ... como dos personas que usan el mismo pasaporte. Sin embargo, una persona podría tener varios pasaportes ... Llegué a buscar esto ya que tengo una situación en la que un solo empleado puede tener varias funciones. Digamos "sysadm" y "coordinador del equipo" teniendo el id = "sysadm teamcoordinator" me permitiría hacer referencia a ellos desde otras páginas para que employee.html # sysadm and employee.html # teamcoordinator conduzca al mismo lugar ... Un día alguien de lo contrario, podría hacerse cargo de la función de coordinador del equipo mientras el sysadm sigue siendo el sysadm ... entonces solo tengo que cambiar los identificadores en la página employee.html ... pero como dije, no funciona :(