HTML/CSS(四)Manifest 应用缓存 HTML5

Manifest文件

  1. CACHE MANIFEST
    在此标题下的文件将在是首次加载的时候缓存

  2. NETWORK
    在此标题下的文件需要与服务器连接,且不缓存

  3. FALLBACK
    在此标题下的文件规定当页面无法访问时回退的页面(eg.404)

应用缓存示例
index.html

<!DOCTYPE html>
<html manifest="index.appcache">
<head lang="en">
    <meta charset="UTF-8">
    <link href ="style.css" type ="text/css" rel="stylesheet">
    <title></title>
</head>
<body>
<h1 class="h1">hello html5!</h1>
</body>
</html>

style.css

.h1{ background-color: aqua; }

index.appcache

CACHE MANIFEST 
CACHE:
     index.html
     style.css
打开服务器访问localhost/index.html

HTML/CSS(四)Manifest 应用缓存 HTML5_第1张图片

 关闭服务器  未使用应用缓存任然可以得到结果

 关闭服务器  使用应用缓存任然可以得到结果 Application Cache中可以看到缓存的文件

HTML/CSS(四)Manifest 应用缓存 HTML5_第2张图片

你可能感兴趣的:(html5,服务器,缓存,应用)