Атрибут manifest

Internet Explorer Chrome Opera Safari Firefox
6.0 7.0 8.0 9.0 10.0 11.0 12.0 13.0 9.2 10.0 10.60 11.0 2.0 3.1 4.0 5.0 3.0 4.0 5.0 6.0

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

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

В качестве значения атрибута manifest указывается относительный или абсолютный путь к текстовому файлу, он называется «файл манифеста» или просто «манифест». Имя и расположение файла может быть любым, но он должен отдаваться сервером с заголовком text/cache-manifest. Например, для веб-сервера Apache в файле .htaccess расположенным в корне сайта следует прописать такую строку.

AddType text/cache-manifest .cache

В этом случае файл манифеста имеет расширение cache. Сам манифест информирует браузер о том, какие ресурсы необходимо сохранить в локальном кэше. Этот список может содержать HTML и CSS-файлы, изображения, скрипты. Имена файлов перечисляются внутри секций описанных в табл. 1.

Табл. 1. Разделы манифеста
Раздел Описание
CACHE MANIFEST Этой обязательной строкой должен начинаться любой манифест.
CACHE: Содержит перечень ресурсов, которые браузер должен кэшировать. Данный раздел используется по умолчанию, если его не указать и нет других разделов, то записи в манифесте причисляются к этому разделу.
NETWORK: Список ресурсов, которые доступны только при подключении к сети. Обычно в этот раздел входят программы выполняемые на стороне сервера.
FALLBACK: Список замещающих файлов, которые будут использоваться при отсутствии подключения к сети. Допустимо использовать символ * для обозначения всех файлов. Например, *.php /offline.html означает, что вместо любого файла с расширением php будет показана страница offline.html.

Синтаксис

<html manifest="URL">

Значения

В качестве значения указывается адрес файла манифеста.

Значение по умолчанию

Нет.

Пример 1. Использование манифеста

HTML5IE 7IE 8IE 9Cr 13Op 11Sa 5Fx 6

<!DOCTYPE html>
<html manifest="22.cache">
 <head>
  <meta charset="utf-8">
  <title>22 хода</title>
  <link href="22.css" rel="stylesheet">
  <script src="22.js"></script> 
 </head>
 <body>
  <div id="main">
   <h1>22 хода</h1>
   <canvas id="game" width="400" height="400">
     <img src="images/old.png" alt="">
   </canvas>
   <p>Ходов: <span id="move">0</span>
   <span id="msg"></span></p>
   <h3>Цель игры</h3>
   <p>Вам необходимо за 22 хода сгруппировать все серые фишки
   на кружках в верхнем квадрате, а чёрные фишки&nbsp;&#8212; в нижнем. 
   Кружки с точкой должны оказаться незанятыми.</p>
   <p>Фишка может перемещаться только по линиям&nbsp;&#8212; по горизонтали
   или вертикали, а также перепрыгивать через фишку, если за ней есть свободное 
   поле.</p>
  </div>
 </body>
</html>

Содержимое файла 22.cache показано в примере 2.

Пример 2. Файл 22.cache

CACHE MANIFEST
# Версия 1.0

CACHE:
22.css 
22.js
images/old.png

Другие статьи по теме

Возьмём с собой

Оригинал: http://diveintohtml5.info/offline.html

Перевод: Влад Мержевич

Что такое оффлайновое веб-приложение? На первый взгляд это звучит как противоречие в терминах. Веб-страница это то, что вы загружаете и отображаете, загрузка предполагает подключение к сети. Как вы можете скачивать в автономном режиме? Конечно, не можете. Но вы можете скачать, когда вы находитесь в сети. Вот как работает оффлайновое приложение в HTML5.

В простейшем случае оффлайновое веб-приложение представляет собой список адресов — HTML, CSS, JavaScript, изображения или любые другие ресурсы. Главная страница оффлайнового приложения получает этот список, вызывая манифест — текстовый файл, хранящийся на веб-сервере. Браузер, работающий с приложением, читает список адресов из файла манифеста, скачивает ресурсы, кэширует их локально и автоматически сохраняет локальные копии до момента их изменения. Когда в следующий раз вы попытаетесь получить доступ к веб-приложению без подключения к сети, браузер автоматически переключится на локальную копию.

Руководство по использованию кэша приложения

Оригинал: http://www.html5rocks.com/tutorials/appcache/beginner/

Перевод: Влад Мержевич

Доступность в оффлайне становится всё более важной для веб-приложений. Да, все браузеры имеют механизмы кэширования, но они ненадежны и работают не всегда ожидаемо. HTML5 устраняет некоторые из этих неприятностей с помощью интерфейса ApplicationCache.

Использование интерфейса кэша даёт вашему приложению три преимущества:

  • автономный просмотр — пользователи могут исследовать ваш сайт целиком, когда они находятся в оффлайне;
  • скорость — ресурсы кэшируются локально, поэтому загружаются быстрее;
  • снижение нагрузки на сервер — браузер загружает с сервера только изменённые ресурсы.

Кэш приложения (или AppCache) позволяет разработчику указать, какие файлы браузер должен кэшировать и сделать доступными для оффлайновых пользователей. Ваше приложение будет работать корректно, даже если пользователь нажимает кнопку «Обновить», находясь в автономном режиме.

Если вам понравились материалы сайта, вы можете поддержать сайт, купив справочник по HTML в формате CHM, в виде набора HTML-файлов или в формате PDF за 30 р.