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

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

Атрибут manifest (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Мб на сайте).

Синтаксис:

<html manifest = "URL">

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

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

Пример старого кода

<!doctype html>
<html lang="ru" manifest="app.appcache">
  <head>
    <meta charset="UTF-8" />
    <title>Учебная страница</title>
  </head>
  <body>
    <h1>Моя страница</h1>
    <p>Содержимое документа.</p>
  </body>
</html>