HTML: Атрибуты элементов
- Пустой атрибут
- Ключевые слова и перечисляемые атрибуты
- Атрибут со значением без кавычек
- Атрибут со значением в одиночных кавычках
- Атрибут со значением в двойных кавычках
HTML элементы могут иметь атрибуты. Атрибуты предназначены для добавления дополнительной информации об элементе и/или для изменения его стандартного поведения. Атрибуты всегда указываются внутри открывающего тега. В большинстве случаев атрибуты являются необязательными и указываются только при необходимости. Один элемент никогда не должен содержать в себе два и более атрибутов, имеющих одинаковое имя. Синтаксис элемента с атрибутом:
Атрибуты состоят из пары: имя_атрибута="значение". Имена атрибутов не чувствительны к регистру символов и могут быть записаны с любым сочетанием строчных и заглавных букв. Значение атрибута может состоять из текста, цифр и других символов (единственным исключением является символ амперсанда (&), его использование запрещено). Дополнительные ограничения на использование различных символов в значении атрибута зависят от способа записи значения. При указании нескольких атрибутов в одном элементе, они должны быть отделены друг от друга символом пробела. Порядок следования атрибутов не имеет значения.
<!-- при указании нескольких атрибутов для одного тега, они должны быть отделены друг от друга символом пробела --> <p атр1="значение" атр2="значение">содержимое</p> <!-- сочетание строчных и заглавных букв в имени атрибута --> <p АтРибУт1="значение">содержимое</p>
Атрибуты могут быть записаны четырьмя различными способами:
Пустой атрибут
Атрибуты, значения которых совпадают с именем атрибута называют логическими или пустыми. Для атрибутов логического типа поддерживается синтаксис, при котором явное указание значения атрибута можно опустить, написав только его имя, в этом случае значением будет являться неявно указанная пустая строка:
<input disabled>
Само присутствие в элементе логического атрибута представляет собой значение true (истина), а отсутствие этого атрибута - значение false (ложь). Если таковой атрибут присутствует, его значением может быть либо пустая строка, либо значение должно совпадать с именем атрибута.
<!-- все варианты работают одинаково, просто по-разному записаны --> <input disabled> <input disabled=""> <input disabled=disabled>
Ключевые слова и перечисляемые атрибуты
Некоторые атрибуты в качестве значения могут принимать одно ключевое слово из набора допустимых ключевых слов. Такие атрибуты называются перечисляемыми атрибутами. Каждое ключевое слово соответствует определённому состоянию (некоторые ключевые слова соответствуют одному и тому же состоянию, в этом случае они являются синонимами друг для друга).
Если используется перечисляемый атрибут, то его значение должно совпадать с одним из ключевых слов, заданных для него. Отсутствие значения, например, как в логических атрибутах, не допустимо:
<!-- правильный синтаксис --> <p contenteditable="true">Hello!</p> <!-- неправильный синтаксис --> <p contenteditable>Hello!</p>
"") может быть допустимым ключевым словом.
<!-- допустимое значение --> <p contenteditable="">Hello!</p>
Атрибут со значением без кавычек
Синтаксис с опущенными кавычками вокруг значения атрибута подразумевает, что за именем атрибута, после знака "=", будет следовать значение атрибута, которое не должно содержать символов пробела, двойных кавычек ("), апострофов (') и других видов кавычек, символов "=", угловых скобок (< и >), помимо этого, значение не должно являться пустой строкой.
<input value=yes>
Атрибут со значением в одиночных кавычках (апострофах)
Значение атрибута, взятое в одиночные кавычки, не должно содержать символы апострофов ('), но допускается содержание двойных кавычек (").
<input type='checkbox'>
Атрибут со значением в двойных кавычках
Значение атрибута, окруженное двойными кавычками, может содержать любые символы, включая апострофы ('), кроме двойных кавычек (").
<input name="be evil">
Примечание: один элемент никогда не должен содержать в себе два и более атрибутов, имеющих одинаковое имя.
С этой темой смотрят: