外国ps修图网站,网站的内部优化公司,公司网站开发联系方式,网站建设发展情况1 – 添加 HTML5 doctype第一件要做的事情是创建一个符合规范的 HTML5 文档。HTML5 doctype 相比于 xhtml 版本的 doctype 而言#xff0c;要简单明了得多#xff1a; !DOCTYPE htmlhtml ...创建一个名为 index.html 的文档#xff0c;或者猛击这里下载这份… 1 – 添加 HTML5 doctype第一件要做的事情是创建一个符合规范的 HTML5 文档。HTML5 doctype 相比于 xhtml 版本的 doctype 而言要简单明了得多 !DOCTYPE htmlhtml  ...创建一个名为 index.html 的文档或者猛击这里下载这份示例代码压缩包。 2 – 添加 .htaccess 支持我们需要创建用于缓存页面的 manifest 清单文件。但在此之前先要在 .htaccess 文件中添加以下代码 AddType text/cache-manifest .manifest该指令可以确保每个 manifest 文件为 text/cache-manifest MIME 类型。如果 MIME类型不对那么整个清单将没有任何效果页面将无法离线使用。 3 – 创建 manifest 文件现在我们就来创建这个 manifest 清单文件事情将会更加有趣。新建一个文本文档并另存名为 offline.manifest然后粘贴以下代码稍后我会解释。 CACHE MANIFEST#This is a comment CACHEindex.htmlstyle.cssimage.jpgimage-med.jpgimage-small.jpgnotre-dame.jpg现在这份 manifest 文件已经能够完美工作了。原理很简单在 CACHE 声明之后罗列出所有需要缓存的文件。这对于缓存简单页面已经来说足够。但是 HTML5 缓存还有更多可能。 比如考虑以下 manifest 文件 CACHE MANIFEST#This is a comment CACHEindex.htmlstyle.css NETWORK:search.phplogin.php FALLBACK:/api offline.html其中 CACHE 声明用于缓存 index.html 和 style.css 文件。同时 NETWORK 声明用于指定无需缓存的文件比如登录页面。 最后一个是 FALLBACK 声明这个声明允许你在资源不可用的情况下将用户重定向到特定文件这个示例代码中是 offline.html。 4 – 关联 manifest 文件到 html 文档现在manifest 文件和 html 文档都已就绪。唯一需要做的是将 manifest 文件关联到 html 文档。 使用 html 元素的 manifest 属性 html manifest/offline.manifest5 – 测试一下完成后使用 Firefox 3.5 本地访问 index.html 文件会看到以下浏览器提示信息 其他高级浏览器不会提醒是否允许缓存而是默认自动缓存。 浏览器兼容情况参考 IE: 不支持Firefox: 3.5 Safari: 4.0 Chrome: 5.0 Opera: 10.6 iPhone: 2.1 Android: 2.0