HTML5 ?????? ??

?????? ??? ??????

HTML5?? ??? ?? ?? ? ??????? ???? ???? ? ?? ?????? ??? ???????.

?????? ??? ?? ? ?? ??? ?????.

1. ???? ?? - ???? ????? ? ?? ??? ? ????.

2. ?? - ??? ??? ?? ? ?????.

3. ?? ?? ?? - ????? ???? ??????? ??? ???? ???????.

HTML5??? ?? ????? ??? ???? ? ??????? ???? ??? ?? ??? ? ????.

???? ??

Internet Explorer 10, Firefox, Chrome, Safari ? Opera? ?????? ??? ?????.

HTML5 ?? ????? ?

?? ???? ?? ?????? ??? HTML ??(???? ???)? ?????.

<!DOCTYPE html>
<html manifest="demo_html.appcache">
<head>
    <meta charset="UTF-8">
    <title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<script src="demo_time.js">
</script>
<p id="timePara"><button onclick="getDateTime()">獲取日期和時間</button></p>
<p><img src="http://img.taopic.com/uploads/allimg/130512/240477-130512133S924.jpg" width="336" height="69"></p>
<p>嘗試打開 <a href="" target="_blank">這個頁面</a>, 在離線的狀態(tài)下重新載入這個頁面，頁面也可以訪問。</p>
</body>
</html>

?? ????? ??

?????? ??? ?????? ??? <html> ??? ????? ??? ?????.

<!DOCTYPE HTML>
<html ?????="demo.appcache">
...
</html>

??? ?????? ?? ? ???? ???? ???? ? ?????. ????? ??? ???? ??? ???? ???? ????(????? ??? ?? ???? ?? ?).

????? ??? ?? ?? ???? ".appcache"???.

?? ????? ??? ??? MIME ??, ? "text/cache-manifest"? ????? ???. ? ???? ???? ???.

????? ??

????? ??? ????? ??? ???? ???? ?? ???? ???? ??? ??? ?????. .

????? ??? ? ?? ???? ?? ? ????.

CACHE MANIFEST - ? ?? ??? ??? ??? ? ?? ???? ? ?????.
NETWORK - ? ?? ??? ??? ??? ??? ???? ?? ???? ????.
FALLBACK - ? ?? ??? ??? ??? ?? ?? ???? ?? ??? ?????. ?? ??? ?? ??(?: 404 ???)

?? ?????

? ?? ?? CACHE MANIFEST? ?????:

CACHE MANIFEST
/theme.css
/logo.gif
/main .js

? ????? ???? CSS ??, GIF ???, JavaScript ????? ? ?? ???? ???? ????. ????? ??? ???? ????? ? ???? ?? ?????? ? ? ??? ???????. ??? ???? ??? ??? ?? ??? ??? ???? ?? ??? ? ????.

????

?? NETWORK ????? "login.php" ??? ???? ??? ?????? ??? ? ??? ?????.

NETWORK:
login.php

??? ?? ?? ???/??? ??? ??? ???? ???? ? ??? ? ????.

NETWORK:
*

FALLBACK

?? FALLBACK ?? ????? ??? ?? ?????. ??? ??? ??? ? ?? ?? /html5/ ????? ?? ??? "offline.html"? ????:

FALLBACK:
/html/ /offline.html

??: ? ?? URI? ????? ? ?? URI? ?????.

?? ????

?? ????,

???? ???? ??? ??
????? ??? ??? ??? ??? ??? ?????(?? ? ??)
????? ?????? ?? ????

? - ?? ????? ??

?? ?????
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js

????:
login.php

??:
/html/ /offline.html

? : "#"?? ???? ? ?? ???? ?? ??? ??? ? ????. ????? ??? ???? ?????? ??? ???????. ???? ????? JavaScript ??? ???? ?? ??? ?? ??? ?? ???? ????. ?? ??? ??? ?? ??? ?????? ????? ??? ?? ???? ???.

?????? ?? ????

?? ??? ????? ????.

??? ???? ???? ??? ?????? ????? ??? ??? ?? ?????. ????? ??? ??????? ??? ????? ??? ?????? ???.

??: ?????? ??? ???? ?? ?? ??? ?? ? ????(?? ????? ???? 5MB? ??? ?????).

???? ??

??? ??

<!DOCTYPE html> <html manifest="demo_html.appcache"> <head> <meta charset="UTF-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <script src="demo_time.js"> </script> <p id="timePara"><button onclick="getDateTime()">獲取日期和時間</button></p> <p><img src="http://img.taopic.com/uploads/allimg/130512/240477-130512133S924.jpg" width="336" height="69"></p> <p>嘗試打開 <a href="" target="_blank">這個頁面</a>, 在離線的狀態(tài)下重新載入這個頁面，頁面也可以訪問。</p> </body> </html>

?????? ???

????