Правила - Каковы допустимые значения для атрибута id в HTML? Каковы допустимые значения для атрибута id в HTML? Значение атрибута id.
именования название (19)
алфавиты-> колпачки и маленькие
цифры -> 0-9
специальные символы-> ":", "-", "_", "."
формат должен начинаться с "." или алфавит, за которым следует либо специальный символ большего количества алфавитов, либо цифр. значение поля id не должно заканчиваться на "_".
Кроме того, пробелы не допускаются, если они предоставляются, они рассматриваются как разные значения, что недействительно в случае атрибутов id.
При создании атрибутов id для элементов HTML какие правила существуют для значения?
HTML5:избавиться от дополнительных ограничений на атрибут id . Единственные требования, оставленные (кроме уникального в документе):
Идентификатор должен соответствовать:
[-A-Za-z0-9_:.]*
но следует избегать: и. обусловлено:
Например, идентификатор может быть помечен как «ab: c» и указан в таблице стилей как #ab: c, но также как идентификатор элемента, это может означать идентификатор «a», класс «b», псевдо- селектор «c». Лучше избегать путаницы и избегать использования. и: вообще.
Строго он должен соответствовать
[-A-Za-z0-9_:.]*
Но у jquery, похоже, проблемы с двоеточиями, поэтому лучше их избежать.
Как чисто практический вопрос, вы можете избежать определенных символов. Периоды, двоеточия и «#» имеют особое значение в CSS-селекторах, поэтому вам придется избегать этих символов, используя обратную косую черту в CSS или двойную обратную косую черту в селекторной строке, переданной в jQuery . Подумайте, как часто вам придется избегать символа в ваших таблицах стилей или кода, прежде чем сходить с ума по периодам и двоеточиям в ids.
Например, допустимо объявление HTML . Вы можете выбрать этот элемент в CSS как #first\.name и в jQuery следующим образом: $("#first\\.name"). #first\.name $("#first\\.name"). Но если вы забудете обратную косую черту, $("#first.name") , у вас будет отлично действующий селектор, который ищет элемент с идентификатором first а также имеет name класса. Это ошибка, которую легко упустить. Вы могли бы быть более счастливыми в долгосрочной перспективе, выбрав вместо этого идентификатор (дефис, а не период).
Вы можете упростить свои задачи разработки, строго придерживаясь соглашения об именах. Например, если вы полностью ограничиваете символы нижнего регистра и всегда разделяете слова с помощью дефисов или подчеркиваний (но не на обоих, выберите один и никогда не используйте другой), тогда у вас есть простой для запоминания шаблон. Вы никогда не будете удивляться: «это было firstName или FirstName ?» потому что вы всегда будете знать, что вы должны ввести first_name . Предпочитаете верблюд? Затем ограничьте себя этим, без дефиса или подчеркивания, и всегда, последовательно используйте либо верхний регистр, либо нижний регистр для первого символа, не смешивайте их.
В настоящее время очень неясная проблема заключалась в том, что по крайней мере один браузер Netscape 6 неправильно учитывал значения атрибутов id как чувствительные к регистру . Это означало, что если бы вы набрали id="firstName" в вашем HTML (нижний регистр «f») и #FirstName { color: red } в вашем CSS (верхний регистр «F»), этот багги-браузер не смог бы установите цвет элемента на красный. Во время этого редактирования, апрель 2015 года, я надеюсь, что вас не попросят поддержать Netscape 6. Рассмотрим эту историческую сноску.
Общей ошибкой является использование идентификатора, начинающегося с цифры.
jQuery обрабатывает любое действительное имя идентификатора. Вам просто нужно избежать метасимволов (например, точек, точек с запятой, квадратных скобок...). Это похоже на то, что JavaScript имеет проблемы с кавычками только потому, что вы не можете писать
Var name = "O"Hara";
На практике многие сайты используют атрибуты id начиная с цифр, хотя это технически недействительный HTML.
В CSS идентификаторы (включая имена элементов, классы и идентификаторы в селекторах) могут содержать только символы и символы ISO 10646 U + 00A0 и выше, плюс дефис (-) и подчеркивание (_); они не могут начинаться с цифры, двух дефисов или дефисов, за которыми следует цифра .
В большинстве случаев вы можете избегать символов в контекстах, где у них есть ограничения или особый смысл.
Атрибут id указывает уникальный идентификатор его элемента (ID).
Значение должно быть уникальным среди всех идентификаторов в домашнем поддереве элемента и должно содержать как минимум один символ. Значение не должно содержать пробелов.
Примечание. Нет никаких других ограничений на то, какую форму может принимать идентификатор; в частности, идентификаторы могут состоять только из цифр, начинаться с цифры, начинаться с подчеркивания, состоять только из знаков пунктуации и т. д.
Атрибут, если указан, должен иметь значение, представляющее собой набор разделенных пространством токенов, представляющих различные классы, к которым принадлежит элемент.
Классы, назначенные ему элементом HTML, состоят из всех возвращаемых классов, когда значение атрибута класса разбивается на пробелы. (Дубликаты игнорируются.)
Нет никаких дополнительных ограничений на то, что авторы токенов могут использовать в атрибуте class, но авторам рекомендуется использовать значения, которые описывают характер контента, а не значения, которые описывают желаемую презентацию содержимого.
Уникальный идентификатор элемента.
В документе не должно быть нескольких элементов с одинаковым значением id.
Любая строка со следующими ограничениями:
- U + 0020 ПРОСТРАНСТВО
- U + 0009 ХАРАКТЕРНАЯ ТАБУЛЯЦИЯ (вкладка)
- U + 000A LINE FEED (LF)
- U + 000C FEED FEED (FF)
- U + 000D ВОЗВРАТ ПЕРЕВОЗКИ (CR)
Использование символов, кроме ASCII letters and digits, "_", "-" and "." могут вызвать проблемы совместимости, поскольку они не разрешались в HTML 4 . Хотя это ограничение было отменено в HTML 5 , идентификатор должен начинаться с буквы для совместимости.
Я знаю, что очень поздно ответить на этот вопрос, но из-за того, что у меня была такая же проблема, и я нахожу этот ответ более полным, я решаю ответить.
Все a, b, c ... x, y, z, A, B, C ... X, Y, Z, 0,1,2 ... 7,8,9, -, _ могут использоваться для id, но вы не должны использовать цифру и - как первый символ.
это неправильно:
1adfsvsdf // use number in first -adfasdf // use - in first afd"ksdf // use " in characters asdf;asdf // use ; in characters
Кроме того, никогда не забывайте, что идентификатор уникален. После использования значение идентификатора может не отображаться в любом месте документа.
У вас может быть много идентификаторов, но все они должны иметь уникальное значение.
С другой стороны, существует класс-элемент. Подобно ID, он может появляться много раз, но значение может использоваться снова и снова.
Из спецификации HTML 4 ...
Идентификаторы ID и NAME должны начинаться с буквы (), за которой может следовать любое количество букв, цифр (), дефис («-»), подчеркивание («_») , colons (":") и периоды (".").
РЕДАКТИРОВАТЬ: d"oh! Сбейте кнопку, снова!
Вы можете технически использовать двоеточия и периоды в атрибутах id / name, но я бы настоятельно рекомендовал избежать обоих.
В CSS (и нескольких JavaScript-библиотеках, таких как jQuery), как период, так и двоеточие имеют особое значение, и вы столкнетесь с проблемами, если не будете осторожны. Периоды - это селекторы классов, а двоеточия - псевдоселектора (например, «: hover» для элемента, когда мышь над ним).
Если вы укажете элементу идентификатор «my.cool:thing», ваш селектор CSS будет выглядеть следующим образом:
#my.cool:thing { ... /* some rules */ ... }
На самом деле это говорит: «Элемент с идентификатором« мой », класс« классный »и« псевдоселектор »в« CSS ».
Придерживайтесь AZ любого случая, цифр, подчеркиваний и дефис. И, как сказано выше, убедитесь, что ваши идентификаторы уникальны.
Это должно быть вашей первой заботой.
Если вы используете Bootstrap и не можете получить эту работу, возможно, вы упустили тот факт, что Bootstrap сам добавляет эти селекторы. Это Bootstrap v3.3, о котором мы говорим.
Если вы пытаетесь изменить местозаполнитель внутри CSS-класса .form-control, тогда вы должны переопределить его следующим образом:
Form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #777; } .form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #777; opacity: 1; } .form-control::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #777; opacity: 1; } .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #777; }
Атрибут id применяется для указания идентификатора HTML-элемента - уникального имени, которое в дальнейшем может быть использовано для изменения стилей данного элемента (через CSS) или в качестве закладки (якоря). Затем к якорю можно будет переходить с помощью ссылки, созданной тегом .
Атрибут 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-кода.
ОфициальныйсайтЕИС Планы закупок (44-ФЗ) — Исправлена ошибка, в результате которой при просмотре сведений позиции плана закупки на вкладке «Общие сведения позиции» в поле «Код вида расходов» могло отображаться значение «Закупка за счет нескольких КВР», если при создании позиции не был установлен признак «Закупка за счет нескольких КВР». — Исправлена ошибка, в результате которой при просмотре сведений плана-графика на вкладке «Позиции плана-графика» в таблице списка позиций в столбце «Сведения о контракте» мог отображаться неверный статус контракта. — Исправлена ошибка, в результате которой при выполнении расширенного поиска по нескольким субъектам РФ Заказчика могли отображаться результаты поиска только для первого указанного субъекта.
Форум института госзакупок (москва)Такая информация включается заказчиками в реестр контрактов в случае заключения контракта на условиях обязательного привлечения поставщиками (подрядчиками, исполнителями) к исполнению такого контракта субподрядчиков, соисполнителей из числа СМП и СОНКО. В этом случае в реестре контрактов должна быть размещена следующая информация о договорах поставщиков (подрядчиков, исполнителей) с соисполнителями, субподрядчиками из числа СМП и СОНКО:- наименование, фирменное наименование (при наличии) субподрядчика, соисполнителя;- место нахождения субподрядчика, соисполнителя;- ИНН субпорядчика, соисполнителя;- предмет и цена договора;- дата заключения и номер контракта (при наличии).
С 20 ноября обеспечена возможность размещения вышеуказанной информации в реестре контрактов ЕИС в структурированном виде. 3.
Внимание
Исправлена ошибка, в результате которой просмотре печатной формы у исполнения контракта с лекарственными препаратами могло быть неверно заполнено поле «Количество поставленных товаров, выполненных работ, оказанных услуг». Исправлена ошибка, в результате которой у некоторых пользователей при формировании сведений о БО, выбора значения ФАИП в окне «Код объекта ФАИП», направлении в Федеральное Казначейство, могло происходить некорректное формирование печатной формы и xml-пакета в части наименования объекта ФАИП.
Исправлена ошибка, в результате которой у некоторых пользователей при отправке изменений плана-графика, при загрузке позиций плана-графика мог некорректно срабатывать автоматический контроль плана-графика: «Позиция «
