HTML: Display:none это позволяет несколько идентификационных Атрибутов с тем же именем (когда “скрыто”)?
согласно идентификационным Атрибутам Стандартов HTML любого HTML-ТЭГА на веб-странице должны быть уникальными в документе!?
Делает это правило, также относятся к HTML-ТЭГАМ, которые были "отключены/скрыты" при помощи: display:none?
Пример:
<html>
<body>
<div id="one"></div>
<div id="one" style="display:none;"></div>
</body>
</hmtl>
Этот допустимый HTML или нет. Таким образом, вопрос, делают "display:none" =, скрытые Элементы также "считают/имеют значение" в отношении правила, только имеющего атрибуты уникального идентификатора на единственной веб-странице?
Спасибо Jan
6 ответов
Это недопустимая разметка. Проверка не учитывает стили CSS, применяемые к элементам DOM.
По-прежнему должен быть только один элемент на идентификатор, независимо от того, виден он или нет, находится ли он позади других в z-стеке, расположен ли он за пределами окна просмотра и т. Д.
Не имеет значения, скрыты они или нет, они все равно находятся в документе. Даже если они создаются динамически, они не должны иметь одинаковый ID. "это не валидная разметка" - Developer Art
Итак, вопрос в том, имеют ли "display:none"= hidden Elements также "count/matter" в отношении правила
Да. CSS не влияет на то, считается ли узел частью документа.
Вы можете иметь несколько элементов с одинаковым ID, только если они оба не содержатся в иерархии одного и того же документа (или фрагмента документа), например, когда вы только что использовали JavaScript для createElement нового узла, но еще не appendChildввели его в документ.
Конечно, как уже упоминали другие, это недействительная разметка. Вы также должны подумать о выборе DOM здесь. document.getElementById () выбирает один элемент с определенным идентификатором, независимо от его видимости / отображения в документе.
Идентификаторы ДОЛЖНЫ быть уникальными... поступить иначе – это заигрывать с катастрофой!
Стилизуя элемент (даже применяя display: none), вы не удаляете элемент из дерева документа.