CSS Div ID используется только один раз на страницу

Question

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

Пример 1 идентификатора на странице:

<page>
  <div id="test">Some Text</div>
  <div class="test12">More Text</div>
</page>

Пример нескольких идентификаторов на странице:

<page>
  <div id="test">Some Text</div>
  <div id="test12">More Text</div>
</page>

Надеюсь, это достаточно ясно. Если нет, дайте мне знать, и я могу попытаться объяснить это лучше.

Answer 1

Вы можете использовать атрибут id = "" столько раз, сколько вам нужно, но содержимое атрибута должно быть уникальным. Отсутствие уникального значения является ошибкой HTML.

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

Больше информации на W3C - Идентификаторы элемента: id и атрибуты класса (спецификация HTML 4.01).

Answer 2

Во-первых, теги обычно относятся к таким элементам, как div, a, img, body, ... Атрибуты - это значения, данные внутри тегов, такие как id, class, href, ...

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

Оба ваших примера верны.

Answer 3

Физически возможно иметь дублированные идентификаторы на странице, но причина, по которой вы хотите использовать только один идентификатор на странице с CSS, заключается в селекторах CSS . Выбор CSS по идентификатору ожидается для возврата только одного элемента DOM.

Answer 4

идентификатор должен быть уникальным

см. HTML спецификация

Answer 5

Если это относится только к CSS, то мы также можем использовать Class вместо Id для тега DIV

Answer 6

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

Answer 7

ID - это уникальные назначения для ОДНОГО элемента на странице.

Вы можете использовать атрибут "ID =" более одного раза. Вам необходимо убедиться, что ID = "hi" используется только один раз, поскольку предполагается, что он является уникальным идентификатором на уровне элемента.

Ссылка на вспомогательную документацию: http://www.w3schools.com/tags/tag_DIV.asp