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

Нет. Из XHTML 1.0 Spec

В XML идентификаторы фрагментов имеют тип ID, и для каждого элемента может быть только один атрибут типа ID. Следовательно, в XHTML 1.0 атрибут id определен как идентификатор типа. Чтобы гарантировать, что документы XHTML 1.0 являются хорошо структурированными документами XML, документы XHTML 1.0 ДОЛЖНЫ использовать атрибут id при определении идентификаторов фрагментов для элементов, перечисленных выше. Информацию о том, как обеспечить обратную совместимость таких якорей при обслуживании документов XHTML в качестве типа мультимедиа text / html, см. В Руководстве по совместимости с 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]), дефисами ("-"), подчеркиванием ("_"). , двоеточия (":") и точки (".").

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

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

  • Each is attributed as a Unique Identifier to (only) one single element.

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

  • They can therefore be applied to more than one element, and similarly yet different, there can be more than one class (i.e. multiple classes) per element.

Нет. Каждый элемент 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

Технически я хотел бы сказать да, поскольку на самом деле то, что отображается, технически всегда зависит от браузера. Большинство браузеров стараются максимально соответствовать спецификациям, и, насколько мне известно, в спецификациях 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>

Любой идентификатор, присвоенный элементу div, уникален. Однако вы можете назначить несколько идентификаторов под, а не к элементу div. В этом случае вы должны представить эти идентификаторы как <span></span> идентификаторы.

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

Exponential Equations

<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» должен быть уникальным и не может содержать пробелов.

No.

Сказав это, вам ничто не мешает сделать это. Но вы получите несовместимое поведение с различными браузерами. Не делай этого. 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» и «координатор команды» с идентификатором = «sysadm teamcoordinator», чтобы я мог ссылаться на них с других страниц, так что employee.html # sysadm и employee.html # teamcoordinator приведет к одному и тому же месту ... Однажды кто-то иначе может взять на себя функцию координатора команды, в то время как sysadm остается sysadm ... тогда мне нужно только изменить идентификаторы на странице employee.html ... но, как я уже сказал, это не работает :(