Главная страница   /   7. Создание HTML документов (Руководство по HTML5

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

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

Адам Фриман

7. Создание 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

7.1. Настройка базовой структуры документа

7.2. Описание документов при помощи элементов метаданных

7.3. Использование скриптовых элементов

7.4. Резюме