Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

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

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Как сделать HTML5 Herald доступным офлайн

.

Как сделать HTML5 Herald доступным офлайн

Теперь, когда мы понимаем, какие ингредиенты нужны для того, чтобы сделать веб-сайт офлайновым, давайте попробуем применить наши знания на практике — сделаем офлайновую версию HTML5 Herald. Первым делом создадим наш собственный файл cache. mani f est. Для этого подойдет программа вроде TextEdit для компьютеров Мае или Notepad для Windows; главное — убедитесь, что вы сохраняете чистый текст, без служебных символов. Если вы используете Windows, вам повезло! Notepad сохраняет файлы в этом формате по умолчанию. Для пользователей TextEdit даем подсказку: нужно выполнить последовательность команд Format => Make Plain Text. Начните ваш файл со строки заголовка CACHE MANIFEST.

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

Как сделать HTML5 Herald доступным офлайн

Закончив перечислять ваши файлы, сохраните cache .manifest. Обязательно убедитесь, что расширение у файла именно .manifest, а не . txt или какое-то еще. Затем, если вы еще не сделали этого раньше, настройте сервер так, чтобы он сопоставил вашему файлу манифеста необходимый тип контента. Последний шаг — добавление атрибута manifest к элементу html наших двух HTML-страниц index.html и register.html. Выглядит это так:

<!doctype html>

<html lang="en" manifest="cache.manifest">

Вот и все! Теперь мы можем изучать HTML5 Herald на досуге, вне зависимости от того, есть у нас интернет-соединение или нет.


.

Читайте так же:
Not found