Что такое кэш приложений и почему он используется в HTML5?

Опубликовано: 22 Августа, 2022

Задача — узнать о кеше приложения в HTML5. HTML означает язык гипертекстовой разметки и используется для разработки веб-страниц с использованием языка разметки. HTML5 является текущим, или мы также можем сказать, что это 5-я версия HTML.

Кэш приложения в HTML5 . Текущая версия HTML5 представляет кеш приложения, что означает, что веб-приложение кэшируется и доступно без подключения к Интернету. Теперь мы можем создать автономное веб-приложение, которое будет работать без подключения к Интернету, просто создав файл манифеста в нашем приложении.

Синтаксис:

<html manifest="demo.appcache">

Структура файла HTML: HTML — это не что иное, как тег элемента, который следует за тегом doctype в структуре HTML.

HTML




<!DOCTYPE html>
<html>
  <!-- In this element we will add an attribute
       called manifest attribute-->
  <head>
    <title>Page Title</title>
  </head>
  <body>
    <h2>Welcome To GFG</h2>
    <p>It is a paragraph element</p>
  
  </body>
</html>

Давайте разберемся с концепцией кэша приложений на примере.

Подход:

  • Создайте файл HTML с атрибутом manifest.
  • Создайте еще один файл HTML, а затем свяжите его с ранее созданным файлом HTML.

Пример: Имя основного файла — «index.html». Сначала будет выполняться основной файл, а когда вы попытаетесь открыть связанную страницу, запустится следующая страница. После этого вам просто нужно выйти из сети и перезагрузить страницу. содержимое страницы по-прежнему будет работать нормально.

HTML




<!DOCTYPE html>
<html manifest="demo.appcache">
  <body>
    Welcome to GeeksForGeeks.
    <p>
      Try opening <a href="index2.html">this page</a>,
      then go offline, and reload the page. The content 
      should still work.
    </p>
  
  </body>
</html>

HTML




<!DOCTYPE html>
<html manifest="demo.appcache">
  <body>
    Welcome to GFG, a computer science portal for geeks.
  </body>
</html>

Выход:

Использование кеша приложений:

  • Автономный просмотр: пользователи могут использовать приложение, когда захотят получить доступ к сайту, когда они не в сети.
  • Скорость: когда данные уже сохранены, к ним легко получить доступ с большей скоростью, кешированные ресурсы загружаются быстрее, чем некэшированные ресурсы.
  • Снижение нагрузки на сервер: браузер будет загружать только обновленные ресурсы с сервера.

Поддерживаемые браузеры:

  • Chrome 4.0 и выше
  • Интернет 10.0 и выше
  • Mozilla Firefox 3.5 и выше
  • Опера 11.5 и выше
  • Сафари 4.0