HTML5 ?????? ??
?????? ?? ???? ??????
HTML5?? ?????? ?? ??? ???????. ?, ????? ?? ? ? ??????? ???? ??? ? ????. . ?? ???? ???? ?? ?? ????? ??? ???? ???? ??????? ?? ??? ? ????.
?????? ??? ???? ? ?? ??? ??? ????.
① ???? ??
② ??? ?? ?? ??
③ ?? ?? ??
??? ?? ?? ????? Application Cache? ?????, ???? ???? ?????? ??? ??? ??? ????.
?? ?????? ?????
?? ?????? ?????. ??? minifest.? ???? ??? ???? ?? ??? ?????. ????? ??? ???? ????? ????? ??? ??? ?? ??? ??? ????? ???? ?? ?? ???? ???? ? ????.
???? ? ??? ???? ??? ? ??????? ?? ????? ????? ?? ????? ??? ?? ??? ??? ?????. ?? ??? ??? ?? ?? ??? ???????. ??? ?????? ? ??? ?????. ?? ??? ??? ? ??? ???? ?? ?????.
Manifest? ??
???? ??: ???? ???? ???? ?????? ??? ? ????.
?? ??: ???? ??? ????? ??? ? ?????.
??? ??? ????. ????? ???? ??? ???? ???????.
?? ??
html? ?? ???? ????? ??? ???? ? ??? ? ?? ????? ??? ???????.
html? ??? ???? ????? ??? ?????. ?? ?? ???? index.html?? index.manifest ??? ??? ? index? html ??? ?? ??? ??? ? ????. .html:
<html ?????="index.manifest">
????? ??
?????? ?? ??? ????? ???? ????? ?? ?? ??? ??? ????.
CACHE MANIFEST#version 1.3CACHE: test.cssNETWORK:*
????? ??? ?? ??? CACHE, NETWORK ? FALLBACK? ? ?? ???? ????, ? ? NETWORK ? FALLBACK? ?? ?????.
CACHE MANIFEST? ? ?? ?? ??? ??? ???? ? ?? ??? ???.
#?? ???? ??? ????? ? ?? ?? ?? ??? ?????, ?? ??? ??? ????? ? ?????? ??? ???? ? ?????. ?? ??, ????? ?? md5 ??? ? ????. , ? ????.
CACHE: (??)
???? ?? ??? ???? ?? ?? ?? ?? ??? ? ????.
a.csshttp://yanhaijing.com/a.css
NETWORK: (??)
? ??? ??? ???? ?? ?? ????? ??? ?? ????? ?? *? ??? ? ????.
?? ?? "login.asp"? ???? ??? ?????? ??? ? ????.
NETWORK:login.asp
? ???? ??? ??? ? ????. ?? ?? ???/???? ??? ??? ?????:
NETWORK:* ###FALLBACK: (?? ??)
???? ??? ? ?? ? ?? ???? ?????. ????? ? ???? ?????. ? ??? ? ????? ? ?? URI? ?????. ? ??? ???? ???? ? ??? ?? ???? ?????. ? URI ?? ?? ??? ???? ?? ????? ??? ??? ??? ??? ???. ????? ??? ??? ? ????.
?? ???? ???? ??? ? ?? ?? /html5/ ????? ?? ??? "404.html"? ?????.
FALLBACK:/html5/ /404.html
?? ???? "404.html"? ???? ?? ??? ????.
FALLBACK:*.html /404.html
?? ???? ??
?? ? ?? ??, ??? ????? ? ????.
????? ?? ????
?????? ??? ??
???? ?? ???
?????? ?? ?? ?? ?? , ??? ????? ? ????. ??? ?? ?? js? ???? ?? ?? ??? ?? ?? ??? ???? ????? ??? ????? ? ????.
HTML5??? ???? ??? ???? ?? js ???? ?????. ?? js? ?? ??? ???? ????? ? ????.
window.applicationCache.update();
???? ???? ??? ???(???? ?? ?? ??? ????) ??? ?? ???????.
??
?????? ??? ???? ?? ?? ??? ?? ? ????(?? ????? ? ???? ?? 5MB? ???).
????? ?? ?? ??? ??? ?? ? ??? ????? ????? ? ?? ?? ?? ???? ????? ???? ????? ?? ??? ?? ???? ???.
?????? ???? html? ????? ??? ??? ???? ?? ??? ???? ??? ???.
FALLBACK? ???? ????? ??? ??? ??? ??? ???.
???? ???? ????? ?? ?? ??? ???? ??? ?? ????? ??????.
???? ?? ???? ?? ????? ??? ???? ?? ???? ??? ???? ??? ??? ???? ??????.
????? ??? ???? ??? ?? ??? ????? ??????.
? - ?? ????? ??
CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js
????:
login.php
??:
/html/ /offline.html
?: ? ?? "#"?? ???? ?? ?? ????? ?? ???? ??? ? ????. ????? ??? ???? ?????? ??? ???????. ???? ????? JavaScript ??? ???? ?? ??? ?? ??? ?? ???? ????. ?? ??? ??? ?? ??? ?????? ????? ??? ?? ???? ???.
