■ 오프라인 웹 애플리케이션을 만드는 방법을 보여준다.
▶ test.css
|
1 2 3 4 5 6 |
span { font : 12pt 굴림체; } |
▶ test.js
|
1 2 3 4 5 6 7 8 |
function clock() { document.getElementById('output').innerHTML = new Date(); setTimeout(clock, 1000); } |
▶ test.manifest
|
1 2 3 4 5 6 7 |
CACHE MANIFEST # 주석문입니다. test.html test.css test.js |
※ 매니페스트 파일은 MIME 타입을 text/cache-manifest로 하여 웹 브라우저에 전송해야 한다.
▶ test.html
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html manifest="test.manifest"> <head> <meta charset="UTF-8" /> <title>현재 시각</title> <link rel="stylesheet" href="test.css" /> <script language="javascript" src="test.js"></script> </head> <body onload="clock();"> <p>현재 시각 : <span id="output" /></p> </body> </html> |