Internet Explorer | Chrome | Opera | Safari | Firefox | Android | iOS |
8.0 + | 9.6 + | 4.0 + | 4.0 + | 2.1 + | 3.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.
Розділ | Опис |
---|---|
CACHE MANIFEST | Цією обов'язкової рядком повинен починатися будь-маніфест. |
CACHE: | Містить перелік ресурсів, які браузер повинен кешувати. Даний розділ використовується за умовчанням, якщо його не вказати і немає інших розділів, то записи в маніфесті зараховуються до цього розділу. |
NETWORK: | Список ресурсів, які доступні тільки при підключенні до мережі. Зазвичай в цей розділ входять програми, що виконуються на стороні сервера. |
FALLBACK: | Список заміщають файлів, які будуть використовуватися при відсутності підключення до мережі. Допустимо використовувати символ * для позначення всіх файлів. Наприклад, *. Php /offline.html означає, що замість будь-якого файлу з розширенням php буде показана сторінка offline.html. |
Синтаксис
<html manifest="URL">
Значення
як значення вказується адреса файлу маніфесту .
Значення за умовчанням
ні.
Приклад 1
HTML5 IE Cr Op Sa Fx
<!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 ходу згрупувати всі сірі фішки на гуртках у верхньому квадраті, а чорні фішки — в нижньому. Гуртки з точкою повинні виявитися незайнятими. </p> <p> Фішка може переміщатися тільки по лініях — по горизонталі або вертикалі, а також перестрибувати через фішку, якщо за нею є вільне поле. </p> </div> </body> </html>
Вміст файлу 22.cache показано в прикладі 2.
Приклад 2. Файл 22. cache
CACHE MANIFEST #Версія 1.0CACHE: 22.css 22.jsimages/old.png