Руководство по HTML5

Руководство по HTML5

Адам Фриман

Приступаем к работе с HTML

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

Как следует из названия, HTML — это язык разметки. Эта разметка принимает форму элементов применительно к содержанию, как правило, к тексту. В следующих разделах я расскажу о различных аспектах HTML элементов, объясню, как вы можете настраивать элементы с атрибутами, и опишу набор глобальных атрибутов, которые могут быть использованы для всех HTML элементов. В таблице 3-1 представлено краткое содержание этой главы.

Таблица 3-1: Краткое содержание главы
Задача Решение Листинг
Нанести разметку на содержание. Использовать HTML элемент. 1, 2, 3, 4, 5
Настроить браузерную обработку HTML элементов. Добавить один или несколько атрибутов к элементу. 6, 7, 8, 9, 10
Объявить, что документ содержит HTML. Использовать элементы DOCTYPE и html. 11
Описать HTML документ. Использовать элемент head, содержащий один или несколько элементов метаданных (которые описаны в главе 7). 12
Добавить содержание в HTML документ. Использовать элемент body, содержащий текст и другие HTML элементы. 13
Добавить ярлык для выбора элемента. Использовать глобальный атрибут accesskey. 14
Классифицировать элементы так, чтобы либо к ним мог быть применен один стиль, либо чтобы они могли быть расположены по своим местам программным образом. Использовать глобальный атрибут class. 15, 16, 17
Позволить пользователю редактировать содержание элемента. Использовать глобальный атрибут contenteditable. 18
Добавить контекстное меню элементу. Использовать глобальный атрибут contextmenu. (Отмечу, что этот атрибут не имеет в данный момент поддержки браузера). -
Указать направление верстки содержания элемента. Использовать глобальный атрибут dir. 19
Указать, что элемент можно перетаскивать. Использовать глобальный атрибут draggable (Информацию о "drag and drop" в HTML5 вы можете найти в главе 37). -
Указать, что элемент может быть использован в качестве цели, куда могут быть вставлены другие элементы. Использовать глобальный атрибут dropzone (Информацию о "drag and drop" в HTML5 вы можете найти в главе 37). -
Указать, что элемент и его содержимое неактуальны. Использовать глобальный атрибут hidden. 20
Назначить элементу уникальный идентификатор, так чтобы можно было применить к нему стиль, и так чтобы элемент можно было выбрать программно. Использовать глобальный атрибут id. 21
Указать язык, на котором выражается содержимое элемента. Использовать глобальный атрибут lang. 22
Указать, должно ли содержимое элемента быть проверено на наличие орфографических ошибок. Использовать глобальный атрибут spellcheck. 23
Определить стиль для элемента напрямую. Использовать глобальный атрибут style. 24
Указать порядок, в котором клавиша Tab передвигается между элементами в HTML документе. Использовать глобальный атрибут tabindex. 25
Предоставить дополнительную информацию об элементе (которая обычно используется в подсказке). Использовать глобальный атрибут title. 26

Использование элементов

Использование атрибутов элементов

Создание HTML документа

Использование спецсимволов HTML

Глобальные атрибуты HTML5

Использование инструментов HTML

Резюме

или RSS канал: Что новенького на smarly.net