Может ли элемент html иметь несколько идентификаторов?

Я понимаю, что идентификатор должен быть уникальным на странице HTML / XHTML.

Мой вопрос, для данного элемента, я могу назначить несколько идентификаторов для него?

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

Я понимаю, что у меня есть простое решение с простым использованием класса. Мне просто интересно использовать идентификаторы таким образом.

Нет. Из спецификации XHTML 1.0

В XML идентификаторы фрагментов имеют тип ID, и для каждого элемента может быть только один атрибут типа ID. Следовательно, в XHTML 1.0 атрибут id определен как идентификатор типа. Чтобы документы XHTML 1.0 были хорошо структурированными документами XML, документы XHTML 1.0 ДОЛЖНЫ использовать атрибут id при определении идентификаторов фрагментов для элементов, перечисленных выше. См. Рекомендации по совместимости HTML для получения информации об обеспечении обратной совместимости таких якорей при подаче документов XHTML в качестве медиа-типа text / html.

Вопреки тому, что все говорили, правильный ответ - ДА

Спецификация селекторов очень ясно об этом:

Если элемент имеет несколько атрибутов идентификатора, все они должны рассматриваться как идентификаторы для этого элемента для целей селектора идентификаторов. Такая ситуация может быть достигнута с использованием сочетаний xml: id, DOM3 Core, XML DTD и специфичных для пространства имен знание.

редактировать

Просто чтобы уточнить: Да, элемент XHTML может иметь несколько идентификаторов, например

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

но присвоение нескольких идентификаторов одному и тому же idатрибуту с использованием списка через пробел невозможно.

Мое понимание всегда было:

• Идентификаторы одноразовые и применяются только к одному элементу ...

  • Каждый присваивается в качестве уникального идентификатора (только) одному элементу .

• Классы могут быть использованы более одного раза ...

  • Следовательно, они могут применяться к более чем одному элементу , и аналогично, но все же могут отличаться, может быть более одного класса (т.е. нескольких классов) на элемент .

Нет. Хотя определение из w3c для HTML 4 явно не охватывает ваш вопрос, определение атрибута name и id говорит, что в идентификаторе нет пробелов:

Токены ID и NAME должны начинаться с буквы ([A-Za-z]) и могут сопровождаться любым количеством букв, цифр ([0-9]), дефисов ("-"), подчеркиваний ("_") , двоеточия (":") и точки (".").

Нет. Каждый элемент DOM, если он имеет идентификатор, имеет один уникальный идентификатор. Вы можете приблизить это, используя что-то вроде:

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

а затем используйте навигацию, чтобы получить то, что вы действительно хотите.

Если вы просто хотите применить стили, лучше использовать имена классов.

Вы можете иметь только один идентификатор на элемент, но у вас может быть несколько классов. Но не используйте несколько атрибутов класса, поместите несколько значений класса в один атрибут.

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

совершенно законно.

Нет, вы не можете иметь несколько идентификаторов для одного тега, но я видел тег с nameатрибутом и idатрибутом, которые некоторые приложения обрабатывают одинаково.

Нет, вы должны использовать вложенные DIV, если хотите идти по этому пути. Кроме того, даже если бы вы могли представить, какую путаницу это может вызвать при запуске document.getElementByID (). Какой идентификатор он собирается захватить, если их несколько?

По слегка связанной теме вы можете добавить несколько классов в DIV. Смотрите обсуждение Эрика Майерса на

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

Атрибут id назначает элемент уникальному идентификатору (который может быть проверен синтаксическим анализатором SGML).

и

Токены ID и NAME должны начинаться с буквы ([A-Za-z]) и могут сопровождаться любым количеством букв, цифр ([0-9]), дефисов ("-"), подчеркиваний ("_") , двоеточия (":") и точки (".").

Таким образом, «id» должен быть уникальным и не может содержать пробел.

С технической точки зрения я бы хотел сказать «да», поскольку в действительности то, что отображается, всегда зависит от браузера. Большинство браузеров стараются придерживаться спецификаций как можно лучше, и, насколько я знаю, в спецификациях CSS нет ничего против этого. Я только собираюсь поручиться за фактический HTML, CSS, Javascript код, который отправляется в браузер, прежде чем любой другой интерпретатор вступает в.

Однако я также говорю нет, так как каждый браузер, на котором я обычно тестирую, на самом деле не позволяет вам. Если вам нужно убедиться в этом, сохраните следующее в виде файла .html и откройте его в основных браузерах. Во всех браузерах, которые я тестировал на javascript, функция не будет соответствовать элементу. Тем не менее, удалите "hunkojunk" из тега id, и все работает нормально. Образец кода

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

Нет.

Сказав это, ничто не помешает вам сделать это. Но вы получите противоречивое поведение с различными браузерами. Не делай этого. 1 идентификатор на элемент.

Если вы хотите несколько назначений для элемента, используйте классы (разделенные пробелом).

Это интересно, но, насколько я знаю, ответ - нет. Я не понимаю, зачем вам нужен вложенный идентификатор, поскольку вы обычно пересекаете его с другим элементом с таким же вложенным идентификатором. Если нет, нет никакого смысла, если вы делаете, есть еще очень мало смысла.

Я знаю, что это год, но мне самому было любопытно, и я уверен, что другие найдут свой путь здесь. Простой ответ - нет, как говорили другие до меня. Элемент не может иметь более одного идентификатора, и идентификатор нельзя использовать более одного раза на странице. Попробуйте, и вы увидите, насколько хорошо это не работает.

В ответ на ответ tvanfosson относительно использования одного и того же идентификатора в двух разных элементах. Насколько я знаю, идентификатор можно использовать на странице только один раз, независимо от того, прикреплен ли он к другому тегу.

По определению, элемент, которому нужен идентификатор, должен быть уникальным, но если вам нужны два идентификатора, он не является действительно уникальным и вместо этого нуждается в классе.

классы специально созданы для этого, вот код, из которого вы можете понять

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

Най.

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

Значение не должно содержать пробелов.

id="a b"<- найти символ пробела в этой VaLuE .

Тем не менее, вы можете стилизовать несколько идентификаторов. Но если вы следуете спецификации, ответ - нет.

Идентификаторы должны быть уникальными, поэтому вы должны использовать конкретный идентификатор только один раз на странице. Классы могут использоваться повторно.

проверьте https://www.w3schools.com/html/html_id.asp для получения более подробной информации.

Я не думаю, что вы можете иметь два идентификатора, но это должно быть возможно. Использование одного и того же идентификатора дважды - это другой случай ... как два человека, использующие один и тот же паспорт. Однако у одного человека может быть несколько паспортов ... Я искал это, поскольку у меня есть ситуация, когда у одного сотрудника может быть несколько функций. Скажем, «sysadm» и «координатор команды», имеющие id = «sysadm teamcoordinator», позволили бы мне ссылаться на них с других страниц, так что employee.html # sysadm и employee.html # teamcoordinator приводили к одному и тому же месту ... Однажды кто-то иначе может взять на себя функцию координатора команды, в то время как sysadm остается sysadm ... тогда мне нужно только изменить идентификаторы на странице employee.html ... но, как я уже сказал - это не работает :(