Уникальность id в HTML

418

29 июля 2017, 03:50

Вопрос на странице может быть только один такой id вообще или один id именно у этого тега. Корректно ли делать?

<div id="1">
    <p id="1"></p>
</div>

Answer 1

Количество одинаковых id может быть любым. Страница от этого не свалится с ошибками, а операционная система не покажет синее окно смерти.

Но почему так делать не стоит:

Семантика. Id подразумевает свою уникальность. Когда вы пишете span id="mySpan" вы обещаете всем, кто читает вашу страницу, что больше таких id не будет.
Выборка. getElementById, $('#selector') вернет вам первый встреченный элемент и проигнорирует все остальные. Т.е. если у вас их несколько на странице, шанс случайно ошибки значительно возрастает.
Применение стилей. В случае с несколькими одинаковыми id применение стилей будет не однозначно. Кто-то применит их ко всем id, кто-то к первому, кто-то к последнему. Кстати, поведение в п. 2 тоже не гарантировано.
HTML валидаторы. В некоторых командах используются HTML валидаторы. Они просто не пропустят ваш код.

Answer 2

Атрибут id - уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через скрипты. Идентификатор в коде документа должен быть в единственном экземпляре, иными словами, встречаться только один раз.

Пример:

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Атрибут id</title>
 </head> 
 <body> 
  <div id="help">
   <p>За помощью можно обратится в stackoverflow.</p>
  </div>
 </body> 
</html>