Создание HTML документов
В этой главе мы рассмотрим самые фундаментальные элементы, определенные в HTML5: элементы документа и метаданных. Это те элементы, которые можно использовать для создания HTML документа и описания его содержания.
Это наименее интересные элементы, которые определены в HTML, и все же они являются критически важными. Вне всякого сомнения, вы можете пропустить эту главу, а потом вернуться к ней, но, пожалуйста, вернитесь. Каждый HTML документ использует, по крайней мере, некоторые из этих элементов (а зачастую и все из них); и, знание о том, как использовать их должным образом, просто необходимо для создания документов, соответствующих стандартам HTML5. В таблице 7-1 приведено краткое содержание этой главы.
Таблица 7-1: Краткое содержание главы
Задача | Решение | Листинг |
Обозначить, что документ содержит HTML5. | Использовать элемент doctype . |
7-1 |
Обозначить в документе начало HTML разметки. | Использовать элемент html . |
7-2 |
Обозначить начало раздела метаданных HTML документа. | Использовать элемент head . |
7-3 |
Обозначить начало раздела содержания HTML документа. | Использовать элемент body . |
7-4 |
Указать название HTML документа. | Использовать элемент title . |
7-5 |
Обозначить URL, с которым будут связаны все относительные URL в HTML документе. | Использовать элемент base . |
7-6 |
Добавить описания данных, содержащихся в HTML документе. | Использовать элемент meta . |
7-7 |
Указать кодировку HTML документа. | Использовать элемент meta с атрибутом charset . |
7-8 |
Указать стандартную таблицу стилей (по умолчанию) для HTML документа или периодически обновлять содержимое страницы. | Использовать элемент meta с атрибутом http-equiv . |
7-9 |
Определить внутренние стили. | Использовать элемент style . |
7-10 по 7-12 |
Загрузить внешний ресурс, включая таблицу стилей или значок. | Использовать элемент link . |
7-13 по 7-15 |
Предварительно загрузить ресурс, который, как ожидается, потребуются в ближайшее время. | Использовать элемент link со значением атрибута rel равным prefetch . |
7-16 |
Определить внутренний скрипт. | Использовать элемент script . |
7-17 |
Загрузить внешний скриптовый файл. | Использовать элемент script с атрибутом src . |
7-18, 7-19 |
Контролировать, когда и как будет выполнен скрипт. | Использовать элемент script с атрибутами async или defer . |
7-20 по 7-24 |
Отобразить содержимое, если JavaScript не поддерживается или отключен. | Использовать элемент noscript . |
7-25, 7-26 |
Настройка базовой структуры документа
Описание документов при помощи элементов метаданных