Атрибут manifest HTML тега <html>

Значение и применение

Атрибут manifest html5 (HTML тега <html>) указывает URL адрес ресурса c манифестом, в котором содержится перечень ресурсов, которые должны быть в кэше (для автономного просмотра).

Файл манифеста это простой текстовый файл со списком ресурсов, которые браузер должен кэшировать для возможности доступа в автономном режиме. HTML 5 предоставляет кэш приложений, что означает, что веб-приложение может быть кэшировано и быть доступно без подключения к интернету.

Это дает свои преимущества:

Автономный просмотр (пользователи могут использовать приложение в автономном режиме).
Скорость (кэшированные ресурсы загружаются быстрее).
Уменьшение нагрузки на сервер (браузер будет загружать только обновленные, либо измененные ресурсы с сервера).

Обращаю Ваше внимание, что атрибут manifest должен присутствовать на каждой странице вашего веб-приложения, которую вы хотите кэшировать.

Пример простого файла манифеста:

CACHE MANIFEST   <-- обязательная строка 
# Это комментарий
# В файле манифеста перечислены три ресурса: главная страница, CSS-файл и изображение PNG. Когда файл манифеста загружен, браузер загрузит указанные файлы из корневого каталога сайта.
# Когда пользователь не подключен к сети, ресурсы по-прежнему будут доступны.
index.php
styles.css
logo.png

# Раздел сети указывает, что файл "user.php" никогда не должен быть закэширован и не будет доступен в автономном режиме
# Звездочка (*) может использоваться, чтобы указать, что все другие ресурсы/файлы требуют подключения к интернету
NETWORK:
login.php

# Список замещающих файлов, которые будут использоваться при отсутствии подключения к сети. 
# Каждая запись в этом разделе представлена двумя URI: первый ресурс, второй-резервный.
FALLBACK:
/news/ /offline.php

Как только приложение кэшируется, оно остается в кэше, пока не произойдет одно из следующих условий:

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

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

Браузеры могут иметь различные ограничения на размер кэшированных данных (некоторые браузеры имеют ограничение 5Мб на сайте).

Поддержка браузерами

Атрибут	Chrome	Firefox	Opera	Safari	IExplorer	Edge
manifest	4.0	3.5	10.6	4.0	10.0	12.0

Синтаксис:

<html manifest = "URL">

Отличия HTML 4.01 от HTML 5

Атрибут manifest добавлен В HTML 5.

Значения атрибута

Значение	Описание
URL	Указывает URL адрес ресурса c манифестом, в котором содержится перечень ресурсов, которые должны быть в кэше (для возможности автономного просмотра). Допускается использование как относительных (например, href = "/path/to/test.appcache"), так и абсолютных (например, href = "http://www.basicweb.ru/path/to/test.appcache") URL адресов. Атрибут поддерживается Internet Explorer с версии 10.0.

Значение

Описание

URL

Указывает URL адрес ресурса c манифестом, в котором содержится перечень ресурсов, которые должны быть в кэше (для возможности автономного просмотра). Допускается использование как относительных (например, href = "/path/to/test.appcache"), так и абсолютных (например, href = "http://www.basicweb.ru/path/to/test.appcache") URL адресов. Атрибут поддерживается Internet Explorer с версии 10.0.

Пример использования

<!DOCTYPE html>
<!-- корневой элемент HTML документа (все остальные элементы должны быть его потомками) -->
<html manifest = "/path/to/test.appcache"> <!-- URL адрес ресурса c манифестом, в котором содержится перечень ресурсов, которые должны быть в кэше -->
	<head>
		<title> Название документа </title>
	</head>
	<body>
		Содержимое страницы.
	</body>
</html> <!--закрывающий элемент (после него не должно быть каких-либо элементов) -->

HTML тег <html>