Атрибуты html тегов

В этой главе:

  • Пустой атрибут

  • Атрибут со значением без кавычек

  • Атрибут со значением в одиночных кавычках

  • Атрибут со значением в двойных кавычках

Практически все HTML теги могут иметь атрибуты. Атрибуты предназначены для предоставления дополнительной информации об элементе, и они всегда указываются внутри открывающего тега. В большинстве случаев атрибуты являются необязательными и указываются только при необходимости изменения стандартных характеристик тега. На изображении ниже показан синтаксис элемента с атрибутом.

Пример тега с атрибутом

Как мы видим, атрибуты состоят из пары: имя_атрибута="значение". Имена атрибутов не чувствительны к регистру символов и могут быть записаны с любым сочетанием строчных и заглавных букв. Значение атрибута может состоять из текста, цифр и других символов (единственным исключением является символ амперсанда (&), его использование запрещено). Дополнительные ограничения на использование различных символов зависят от способа записи значения.

1
2
3
4
5
6
<!-- при указании нескольких атрибутов для одного тега, они должны быть отделены
 друг от друга символом пробела -->
<p атр1="значение" атр2="значение">содержимое</p>
 
<!-- сочетание строчных и заглавных букв в имени атрибута -->
<p АтРибУт1="значение">содержимое</p>

Атрибуты могут быть записаны четырьмя различными способами:

Пустой атрибут

Для атрибутов булева (логического) типа поддерживается синтаксис, при котором явное указание значения атрибута можно опустить, написав только его имя, в этом случае значением будет являться неявно указанная пустая строка.

1
<input disabled>

Само присутствие в элементе булева атрибута представляет собой значение true (истина), а отсутствие этого атрибута - значение false (ложь). Если таковой атрибут присутствует, его значением может быть либо пустая строка, либо значение должно совпадать с именем атрибута.

1
2
3
4
<!-- все варианты работают одинаково, просто по-разному записаны -->
<input disabled>
<input disabled="">
<input disabled=disabled>

Атрибут со значением без кавычек

Синтаксис с опущенными кавычками вокруг значения атрибута подразумевает, что за именем атрибута, после знака "=", будет следовать значение атрибута, которое не должно содержать символов пробела, двойных кавычек ("), апострофов (') и других видов кавычек, символов "=", угловых скобок (< и >), помимо этого, значение не должно являться пустой строкой.

1
<input value=yes>

Атрибут со значением в одиночных кавычках (апострофах)

Значение атрибута, взятое в одиночные кавычки, не должно содержать символы апострофов ('), но допускается содержание двойных кавычек (").

1
<input type='checkbox'>

Атрибут со значением в двойных кавычках

Значение атрибута, окруженное двойными кавычками, может содержать любые символы, включая апострофы ('), кроме двойных кавычек (").

1
<input name="be evil">

Примечание: один элемент никогда не должен содержать в себе два и более атрибутов, имеющих одинаковое имя.