Что такое кэш приложений и почему он используется в HTML5?
Задача — узнать о кеше приложения в 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