Чи може html-елемент мати декілька ідентифікаторів?

Я розумію, що ідентифікатор повинен бути унікальним на сторінці HTML / XHTML.

Моє запитання: чи для цього елемента я можу призначити кілька ідентифікаторів?

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

Я усвідомлюю, що у мене є просте рішення з просто використанням класу. Мені просто цікаво використовувати ідентифікатори таким чином.

Ні. Від XHTML 1.0 Spec

У XML ідентифікатори фрагментів мають ідентифікатор типу, і на елемент може бути лише один атрибут типу ID. Тому в XHTML 1.0 атрибут id визначається як ідентифікатор типу. Щоб гарантувати, що документи XHTML 1.0 є добре структурованими документами XML, документи XHTML 1.0 ОБОВ'ЯЗКОВО використовувати атрибут id при визначенні ідентифікаторів фрагментів на перелічених вище елементах. Інформацію щодо забезпечення таких якорів є сумісними назад при поданні XHTML-документів у вигляді медіатексту / html-інформації, див.

Всупереч сказаному всіма, правильна відповідь ТАК

Специфікація селекторів дуже чітка щодо цього:

Якщо в елементі є кілька атрибутів ідентифікатора, усі вони повинні розглядатися як ідентифікатори цього елемента для цілей селектора ідентифікаторів. Така ситуація може бути досягнута за допомогою сумішей xml: id, DOM3 Core, XML DTD та конкретного простору імен знання.

Редагувати

Просто для уточнення: Так, елемент XHTML може мати кілька ідентифікаторів, наприклад

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

але присвоєння декількох ідентифікаторів одному і тому ж idатрибуту за допомогою розділеного пробілом списку неможливо.

Моє розуміння завжди було:

• Ідентифікатори одноразові і застосовуються лише до одного елемента ...

  • Кожному приписується як Унікальний ідентифікатор (лише) одному єдиному елементу .

• Заняття можна використовувати не раз ...

  • Тому вони можуть бути застосовані до більш ніж одного елемента , і аналогічно все ж різного, на елемент може бути більше одного класу (тобто декількох класів) .

Ні. Хоча визначення w3c для HTML 4, схоже, явно не охоплює ваше запитання, визначення атрибута імені та 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 для отримання більш детальної інформації.

Я не думаю, що у вас може бути два Id, але це повинно бути можливим. Використання одного і того ж ідентифікатора двічі - це інший випадок ... як двоє людей, які використовують один і той же паспорт. Однак одна людина може мати декілька паспортів. Прийшов шукати це, оскільки у мене ситуація, коли один працівник може мати кілька функцій. Скажіть, "sysadm" і "Координатор команди", що мають id = "sysadm teamcoordinator", дозволить мені посилатись на них з інших сторінок, щоб службовці.html # sysadm і службовці. інше може взяти на себе функцію координатора команди, поки система залишається системою ... тоді мені потрібно лише змінити ідентифікатори на сторінці Employ.html ... але, як я вже сказав, це не працює :(