Приступаем к работе с 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
