Общие атрибуты тегов

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

accesskey

Позволяет перейти к текстовому полю с помощью некоторого сочетания клавиш с заданной в атрибуте буквой или цифрой. Браузеры при этом используют различные комбинации клавиш..

class

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

Указывает можно ли редактировать содержание элемента или нет. Возможные значения: "true", "false". Значение "true" можно вообще не указывать (contenteditable).

contextmenu

Устанавливает контекстное меню для элемента. Значение атрибута – идентификатор меню, созданного с помощью тега <menu>.

Атрибут contextmenu работает только в Firefox.

data-*

Позволяет создавать собственные атрибуты для хранения данных. Имена атрибутов трансформируются в переменные, к которым можно обращаться для получения данных, по следующим правилам:

• префикс data- удаляется;

• дефис перед буквой удаляется, а буква за ним становится прописной;

• другие дефисы остаются неизменными.

Например, атрибут data-number-of-users преобразуется в переменную numberOfUsers.

dir

Задает направление отображения текста. Возможные значения:

• ltr – слева направо,

• rtr – справа налево.

draggable

Указывает, можно ли перетаскивать элемент с помощью мышки или нет. Возможные значения: "true", "false".

hidden

Элемент скрыт, т.е. он не отображается на странице, но доступен через скрипты.

Атрибут hidden не работает в Safari, Android, iOS.

id

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

lang

Язык содержимого элемента.

spellcheck

Определяет проверять или не проверять правописание и грамматику в тексте. Возможные значения: "true", "false". Значение "true" можно вообще не указывать (spellcheck). Результат будет заметен только для полей форм <input> и <textarea>, а также для элементов c установленным атрибутом contenteditable.

style

Внутренние стили элемента.

tabindex

Определяет порядок получения фокуса в форме при переходе между элементами с помощью клавиши Tab. Возможное значение – любое целое положительное число. Переход к элементам, у которых не задан атрибут tabindex, происходит после всех «нумерованных» элементов в том порядке, как они указаны в коде.

title

Всплывающий текст, появляющийся при наведении указателя мышки на элемент.

11. Таблицы стилей. Селекторы

Таблицы стилей.

Стиль – это все что определяет внешний вид документа HTML при его отображении в окне браузера: шрифты, цвета, позиционирование и т.д.

Каскадные таблицы стилей представляют собой простую технологию присоединения стилей к документам HTML. Таблица стилей – это шаблон, который управляет форматированием тегов в документе. Она представляет собой набор правил отображения.

Любое правило каскадных таблиц стилей состоит из двух частей: селектора и определения. Каждый элемент HTML представляет собой возможный CSS селектор. Свойства селектора определяют стиль документа, для которого он определен.