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

9 червня 2022 р.129

Зміст

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

Даний атрибут видалено зі специфікації HTML, його використання не рекомендується.

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

<code>AddType text/cache-manifest .cache

У цьому випадку файл маніфесту має розширення cache. Сам маніфест інформує браузер про те, які ресурси необхідно зберегти у локальному кеші. Цей список може містити HTML та CSS-файли, зображення, скрипти. Імена файлів перераховуються всередині секцій, описаних у табл. 1.

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

Синтаксис

<html manifest=" <адреса>">

Значення

В як значення вказується адреса файлу маніфесту .

field-type-text-long field-label-above">

Значення за замовчуванням

Ні.

Приклад

<!DOCTYPE html> <html manifest="/example/22/22.cache">
<head>
<meta charset="utf-8">
<title>22 ходу</title> <link href="22/22.css" rel="stylesheet">
</head>
<body> <div id="main"> <h1>22 ходу</h1> <canvas id="game" width="400" height="400"> <img src="image/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> <script src="22/22.js"></script>
</body>
</html>

Вміст файлу 22.cache показано нижче.

<code>CACHE MANIFEST # Версія 1.0 CACHE: 22.css 22.js ../image/old.png

Браузери


10	12	4	11.5	4	3.5


2.1	3.5	12	3.2

Браузери

У таблиці браузерів застосовуються такі позначення.

— елемент повністю підтримується браузером;
— елемент браузером не сприймається та ігнорується;
— при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.

Число вказує версію браузреа, з якої елемент підтримується.

Автор та редактори

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

Останнє змінення: 28.02.2020

Редактори: Влад Мержевич