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

这里写图片描述

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

这里写图片描述

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

这里写图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值