Атрибут id появился в HTML довольно давно (с появлением CSS), но раньше он поддерживался ограниченным количеством тегов, а теперь он есть у всех. Поэтому, если на страницах описания каких-то тегов вы увидите логотип HTML 5 () напротив атрибута, то знайте, что этот тег начал поддерживать атрибут id именно с версии HTML 5. Впрочем, таких тегов очень мало.

Значением атрибута id является любое слово состоящее из букв латинского алфавита (a-z, A-Z), цифр (0-9), символов дефиса (-) и подчеркивания (_), но при этом оно не может начинаться с цифры или дефиса, после которого идет цифра.

Значение по умолчанию: нет.

На одной HTML-странице не может быть двух и более идентификаторов с одинаковым именем, но при этом надо учитывать, что, например id= "block" и id= "Block" - это разные идентификаторы, так как регистр символов также имеет значение.

Обязательный атрибут: нет.

Пример HTML: применение атрибута id

seodon.ru - атрибут id #telo { background: #CCFFCC; /* цвет фона страницы */ } #content { font-weight: bold; /* жирный шрифт элементов внутри id="content" */ } #content p { border: 2px #7C7CAF solid; /* стили рамки вокруг параграфа */ padding: 5px; /* внутренние отступы */ }

Чаще всего атрибут id используют для обозначения основных элементов разметки сайта, таких как верхняя часть страницы (header), нижняя (футер), зона основного содержимого и т.д. В этом случае, используя составные селекторы CSS, например, селекторы потомков, можно осуществлять более гибкие изменения внешнего вида страниц без правки самого HTML-кода.

22 ответов

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

Например, HTML-объявление допустимо. Вы можете выбрать этот элемент в CSS как #first\.name и в jQuery следующим образом: $("#first\\.name"). #first\.name $("#first\\.name"). Но если вы забудете обратную косую черту, $("#first.name") , у вас будет совершенно корректный селектор, который first ищет элемент с идентификатором, а также name класса. Это ошибка, которую легко не заметить. Вы могли бы быть счастливее в долгосрочной перспективе выборе идентификатора first-name (дефис, а не период), вместо этого.

Вы можете упростить задачи разработки, строго придерживаясь соглашения об именах. Например, если вы ограничиваете себя полностью строчными буквами и всегда разделяете слова либо дефисами, либо подчеркиванием (но не обоими, выбираете одно и никогда не используете другое), тогда у вас есть легко запоминающийся шаблон. Вы никогда не задаетесь вопросом "было ли это firstName или FirstName ?" потому что вы всегда будете знать, что вы должны ввести first_name . Предпочитаете случай верблюда? Затем ограничьте себя этим, без дефисов и подчеркиваний, и всегда, последовательно используйте прописные или строчные буквы для первого символа, не смешивайте их.

Теперь очень непонятная проблема заключалась в том, что по крайней мере один браузер, Netscape 6, неправильно обрабатывал значения атрибутов id как регистрозависимые . Это означало, что если бы вы ввели id="firstName" в HTML (#FirstName { color: red } "f") и #FirstName { color: red } в CSS (#FirstName { color: red } "F"), этот браузер с ошибками не смог бы установите цвет элемента на красный. Во время этого редактирования, апрель 2015 года, я надеюсь, что вас не просят поддержать Netscape 6. Считайте, что это историческая сноска.

Общей ошибкой является использование идентификатора, начинающегося с цифры.

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

В CSS (и нескольких библиотеках JavaScript, таких как jQuery), и период, и двоеточие имеют особое значение, и вы столкнетесь с проблемами, если не будете осторожны. Периоды являются селекторами классов, а двоеточия - псевдоселекторами (например, ": hover" для элемента, когда мышь над ним).

Если вы укажете элементу идентификатор "my.cool:thing", ваш селектор CSS будет выглядеть следующим образом:

#my.cool:thing { ... /* some rules */ ... }

Что действительно говорит: "Элемент с идентификатором" мой ", класс" классный "и" псевдо-селектор "в CSS-говорят.

Придерживайтесь A-Z любого случая, цифр, подчеркиваний и дефис. И, как сказано выше, убедитесь, что ваши идентификаторы уникальны.

Это должно быть вашей первой заботой.

jQuery выполняет обработку любого действительного имени идентификатора. Вам просто нужно избежать метасимволов (т.е. Точек, точек с запятой, квадратных скобок...). Это похоже на то, что JavaScript имеет проблемы с кавычками только потому, что вы не можете писать

Var name = "O"Hara";

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

• значение должно содержать хотя бы один символ (может быть пустым)
• он не может содержать пробельные символы.

Идентификатор должен соответствовать:

[-A-Za-z0-9_:.]*

• Начните с символов A-Z или a-z
• Может содержать - (дефис), _ (подчеркивание), : (двоеточие) и. (период)

но следует избегать: и. beacause:

Например, идентификатор может быть помечен как "ab: c" и указан в таблице стилей как #ab: c, но также как идентификатор элемента, он может означать идентификатор "a", класс "b", псевдоселектор "c". Лучше избегать путаницы и избегать использования. и: вообще.

Как и в случае с HTML5, единственными ограничениями на значение идентификатора являются:

• должен быть уникальным в документе
• не должен содержать пробелов
• должен содержать хотя бы один символ

Аналогичные правила применимы к классам (за исключением уникальности, конечно).

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

В HTML 4 значения идентификатора должны начинаться с буквы, которая затем может следовать только буквами, цифрами, дефисами, символами подчеркивания, двоеточиями и периодами.

В HTML5 они действительны:

... ... ... ... ... ... ... ...

Просто имейте в виду, что использование чисел, знаков препинания или специальных символов в значении идентификатора может вызвать проблемы в других контекстах (например, CSS, JavaScript, регулярное выражение).

Например, в HTML5 допустим следующий идентификатор:

...

Однако это недействительно в CSS:

Из спецификации CSS2.1:

В CSS идентификаторы (включая имена элементов, классы и идентификаторы в селекторы) могут содержать только символы и ISO 10646 символы U + 00A0 и выше, плюс дефис (-) и символ подчеркивания (_); они не могут начинаться с цифры, двух дефисов или дефисов затем цифра .

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

Атрибут id указывает свой уникальный идентификатор элемента (ID).

Значение должно быть уникальным среди всех идентификаторов в элементе home поддерево и должно содержать хотя бы один символ. Значение не должно содержат любые пробельные символы.

Примечание. Нет никаких других ограничений на то, какую форму может принимать идентификатор; в в частности, идентификаторы могут состоять из простых цифр, начинаться с цифры, начинать с подчеркиванием, состоят только из знаков пунктуации и т.д.

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

Классы, назначенные ему элементом HTML, состоят из всех классы возвращаются, когда значение атрибута класса разделяется на пространства. (Дубликаты игнорируются.)

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

Символы, подчеркивания, периоды, двоеточия, числа и буквы действительны для использования с CSS и JQuery. Следующее должно работать, но оно должно быть уникальным на всей странице, а также должно начинаться с буквы .

Работа с двоеточиями и периодами требует немного больше работы, но вы можете сделать это, как показано в следующем примере.

Cake #i\.Really\.Like\.Cake { color: green; } #i\:Really\:Like\:Cake { color: blue; } Cake Cake $(function() { var testPeriod = $("#i\\.Really\\.Like\\.Cake"); $("#testResultPeriod").html("found " + testPeriod.length + " result."); var testColon = $("#i\\:Really\\:Like\\:Cake"); $("#testResultColon").html("found " + testColon.length + " result."); });

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

Правила содержимого ID в HTML5 (кроме уникальности):

This attribute value must not contain white spaces. [...] Though this restriction has been lifted in HTML 5, an ID should start with a letter for compatibility.

Это W3 спецификация ID (от MDN):

Any string, with the following restrictions: must be at least one character long must not contain any space characters Previous versions of HTML placed greater restrictions on the content of ID values (for example, they did not permit ID values to begin with a number).

Чтобы ссылаться на id с периодом в нем, вам нужно использовать обратную косую черту. Не уверен, что это то же самое для дефиса или подчеркивания. Например: HTML

############0218

#maintenance\.instrumentNumber{word-wrap:break-word;}

Кроме того, никогда не забывайте, что идентификатор уникален. После использования значение ID больше не может появляться в любом месте документа.

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

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

Из спецификации HTML 4...

Идентификаторы ID и NAME должны начинаться с буквы (), за которой может следовать любое количество букв, цифр (), дефис ("-"), подчеркивание ("_"), двоеточие (":") и периоды (".").

EDIT: d"oh! Снова побегите к кнопке!

Уникальный идентификатор элемента.

В документе не должно быть нескольких элементов с одинаковым значением id.

Любая строка со следующими ограничениями:

• должен иметь длину не менее одного символа
• • U + 0020 SPACE
  • U + 0009 ХАРАКТЕРНАЯ ТАБУЛЯЦИЯ (вкладка)
  • U + 000A LINE FEED (LF)
  • U + 000C FORM FEED (FF)
  • U + 000D CARRIAGE RETURN (CR)

Использование символов, кроме ASCII letters and digits, "_", "-" and "." , может вызвать проблемы совместимости, поскольку они не разрешены в HTML 4 . Хотя это ограничение было отменено в HTML 5 , идентификатор должен начинаться с буквы для совместимости.

ОфициальныйсайтЕИС Планы закупок (44-ФЗ) — Исправлена ошибка, в результате которой при просмотре сведений позиции плана закупки на вкладке «Общие сведения позиции» в поле «Код вида расходов» могло отображаться значение «Закупка за счет нескольких КВР», если при создании позиции не был установлен признак «Закупка за счет нескольких КВР». — Исправлена ошибка, в результате которой при просмотре сведений плана-графика на вкладке «Позиции плана-графика» в таблице списка позиций в столбце «Сведения о контракте» мог отображаться неверный статус контракта. — Исправлена ошибка, в результате которой при выполнении расширенного поиска по нескольким субъектам РФ Заказчика могли отображаться результаты поиска только для первого указанного субъекта.

Такая информация включается заказчиками в реестр контрактов в случае заключения контракта на условиях обязательного привлечения поставщиками (подрядчиками, исполнителями) к исполнению такого контракта субподрядчиков, соисполнителей из числа СМП и СОНКО. В этом случае в реестре контрактов должна быть размещена следующая информация о договорах поставщиков (подрядчиков, исполнителей) с соисполнителями, субподрядчиками из числа СМП и СОНКО:- наименование, фирменное наименование (при наличии) субподрядчика, соисполнителя;- место нахождения субподрядчика, соисполнителя;- ИНН субпорядчика, соисполнителя;- предмет и цена договора;- дата заключения и номер контракта (при наличии).
С 20 ноября обеспечена возможность размещения вышеуказанной информации в реестре контрактов ЕИС в структурированном виде. 3.

Внимание

Исправлена ошибка, в результате которой просмотре печатной формы у исполнения контракта с лекарственными препаратами могло быть неверно заполнено поле «Количество поставленных товаров, выполненных работ, оказанных услуг». Исправлена ошибка, в результате которой у некоторых пользователей при формировании сведений о БО, выбора значения ФАИП в окне «Код объекта ФАИП», направлении в Федеральное Казначейство, могло происходить некорректное формирование печатной формы и xml-пакета в части наименования объекта ФАИП.