什么是应用程序缓存以及为什么在 HTML5 中使用它？

任务是了解 HTML5 中的应用程序缓存。 HTML 代表超文本标记语言，它用于使用标记语言设计网页。 HTML5 是最新的，或者我们也可以说它是 HTML 的第 5 版。

HTML5 中的应用程序缓存：当前版本的 HTML5 引入了应用程序缓存，这意味着 Web 应用程序被缓存，无需互联网连接即可访问。现在，我们只需在我们的应用程序中创建一个清单文件，就可以制作一个无需 Internet 连接即可运行的离线 Web 应用程序。

句法：

HTML 文件的结构： HTML 只不过是 HTML 结构中 doctype 标记之后的元素标记。

HTML

  
  
    
  
  
    
Welcome To GFG
    
It is a paragraph element
  
  

让我们通过一个例子来理解应用缓存的概念。

方法：

• 使用 manifest 属性创建一个 HTML 文件。
• 创建另一个 HTML 文件，然后将其链接到先前创建的 HTML 文件。

示例：主文件名为“index.html”。首先，主文件将执行，当您尝试打开链接页面时，下一个页面将运行。之后，您只需要离线并重新加载页面。页面的内容仍然可以正常工作。

HTML

  
    Welcome to GeeksForGeeks.
    

      Try opening this page,
      then go offline, and reload the page. The content 
      should still work.
    
  
  

HTML

  
    Welcome to GFG, a computer science portal for geeks.
  

输出：

应用程序缓存的用途是：

• 离线浏览：用户可以在离线状态下随时访问网站时使用该应用程序
• 速度：当数据已经存储时，很容易以更快的速度访问数据，缓存资源的加载速度比未缓存资源更快。
• 减少服务器负载：浏览器只会从服务器下载更新的资源。

支持的浏览器：

• Chrome 4.0 及以上
• 互联网10.0及以上
• Mozilla Firefox 3.5 及以上
• Opera 11.5 及以上
• Safari 4.0