1.2 Атрибут

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

Спецификация атрибута состоит из расположенных в следующем порядке элементов символов:

- имя атрибута, например WIDTH;

- знак равенства (=);

- значение атрибута, которое задается строкой символов, например "80".

Всегда полезно заключить значение атрибута в кавычки, используя либо одинарные ('80'), либо двойные кавычки ("80"). Строка в кавычках не должна содержать такие же кавычки внутри себя.

Можно также опустить кавычки для значений атрибутов, которые состоят только из следующих символов (обратитесь к технической концепции имени):

Таким образом, WTDTH=80 и ALIGN=СENTER - разрешенные сокраще­ния для WIDTH—’80" и ALIGN="CENTER". Ссылка на URL, например HREF=foo.litni, допустима, однако, когда URL используется с атрибутами, он должен быть заковычен, например HREF="http://www.liut.fi/".

Если значение атрибута такое же, как его имя, может быть использован минимальный синтаксис атрибута. То есть <UL СОМРАСТ="СОМРАСТ"> можно сократить до <UL СОМРАСТ>.

Любые атрибуты нечувствительны к регистру, пишутся внутри открывающего тега и содержат имя и значение. В именах атрибутов нельзя использовать пробелы, кавычки, знак больше (>), слэш (/) и равно (=), а также любые символы не определенные в Юникоде. На практике, все имена атрибутов у тегов известны и вставлять «отсебятину» не имеет смысла. В значениях атрибутов допустимо писать текст и спецсимволы за исключением амперсанда (&), который должен заменяться на &.

Различают четыре разных способа написания атрибутов и их значений:

Пустой атрибут (логический, булев)

Этот атрибут не имеет значения, поведение тега определяет наличие этого атрибута. Если такой атрибут указан, подразумевается, что установлено значение «истина», а отсутствие атрибута означает «ложь». Само значение можно не указывать, достаточно написать один лишь атрибут. Также разрешается в качестве значения писать пустую строку или имя атрибута. Ниже показаны разные варианты с равнозначным результатом.

<input disabled>

<input disabled="">

<input disabled="disabled">

Значения без кавычек

Значение пишется непосредственно после знака равно идущим вслед за именем атрибута. До и после знака равно можно вставлять любое количество пробелов или обойтись без них.

<img src=link.html alt=Картинка>

Здесь атрибутами являются src и alt, а после знака = идёт их значение без кавычек. Поскольку атрибуты разделяются между собой одним или несколькими пробелами, то при отсутствии кавычек легко допустить ошибку, когда браузер воспримет предлагаемое нами значение как атрибут.

<img src=link.html alt=Картинка в тексте>

Здесь значением атрибута alt будет слово «Картинка», остальные слова воспринимаются как неверные атрибуты.

Использование двойных кавычек

Значение берётся в двойные кавычки, обычно такая форма указывается для текста.

<input type="checkbox">

Использование одинарных кавычек

Вместо двойных кавычек также допустимо писать одинарные.

<input type='checkbox'>

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

Кавычки внутри значений

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

<img src="r.jpg" alt="Город Р'льех">

Соответственно, текст содержащий внутри двойные кавычки надо взять в одинарные.

<img src='c.jpg' alt='Такой вид кладки называется "циклопическим"'>

Также вместо двойной кавычки в тексте можно использовать спецсимвол ", а вместо апострофа — '.