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

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

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

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

In XML, fragment identifiers are of type ID, and there can only be a single attribute of type ID per element. Therefore, in XHTML 1.0 the id attribute is defined to be of type ID. In order to ensure that XHTML 1.0 documents are well-structured XML documents, XHTML 1.0 documents MUST use the id attribute when defining fragment identifiers on the elements listed above. See the HTML Compatibility Guidelines for information on ensuring such anchors are backward compatible when serving XHTML documents as media type text/html.

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

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

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

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

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

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

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

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

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

• Можно использовать классы больше чем единожды ...

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

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

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

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

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

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

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

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

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

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

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

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

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

If an element has multiple ID attributes, all of them must be treated as IDs for that element for the purposes of the ID selector.Such a situation could be reached using mixtures of xml:id, DOM3 Core, XML DTDs, and namespace-specific knowledge.

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

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

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

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

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

The id attribute assigns a unique identifier to an element (which may be verified by an SGML parser).

и

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

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

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

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

Нет.

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

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

Нет.

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

The value must not contain any space characters.

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

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

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>

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

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