บทที่ 10 HTML5 Application Cache
Application Caching มีไว้เพื่อเก็บข้อมูลสำหรับ Application โดยหลักๆก็จะเป็นบรรดา User Interface ต่างๆ อย่างเช่น images, icons, sound เป็นต้น ซึ่งจะทำให้เวลาที่ User กลับมาใช้ Application ในครั้งถัดไป สามารถเริ่มใช้งานได้ทันที Application Caching จะต่างกับ Browser Caching เนื่องจาก Application Caching มักจะเก็บไว้นาน และไม่ถูกลบง่ายเหมือน Browser Caching (ในกรณีของ Browser Caching นั้น หาก User มีการดาวน์โหลดไฟล์ขนาดใหญ่ อาจจะทำให้ Caching อื่นๆที่เก็บไว้ถูกลบ) นอกจากนั้นเรายังสามารถกำหนดได้ว่าจะให้ Cache หรือไม่ Cache ไฟล์ไหนบ้าง
***CACHE คือการเก็บข้อมูลไว้ ซึ่งเมื่อเราเปิดเว็บผ่านบราวเซอร์ ไม่ว่าจะเป็นข้อมูลอะไรก็ตาม จะถูกดาวน์โหลดมาเก็บไว้ในเครื่องของเราและไม่ดาวน์โหลดใหม่จนกว่า Manifest file จะมีการเปลี่ยนแปลง เป็นส่วนที่ทำให้เวลาเปิดเว็บขึ้นมาใหม่ แม้จะติดต่อกับ Server ไม่ได้แต่ Browser จะยังเปิดหน้าเว็บได้อยู่
โครงสร้างของ Application Caching มีดังนี้
<html manifest="web.appcache">
...
</html>
ตัวอย่าง
<html manifest="demo_html.appcache">
<body>
<script src="/demo_time.js">
</script>
<p><img src="http://images.temppic.com/20-10-2012
/images_vertis/1350706157_0.24874200.jpg" width="336" height="200"></p>
</body>
</html>
ผลลัพธ์คือ
<html manifest="demo_html.appcache"> ข้อมูลที่อยู่ใต้บรรทัดนี้ (ในตัวอย่างนี้คือรูปโคอาล่า) Browser จะดาวน์โหลดมาเก็บไว้และไม่ดาวโหลดใหม่จนกว่า Manifest file จะมีการเปลี่ยนแปลง