With app cache it is easy to make an offline version of a web application, by creating a cache manifest file.
HTML5 introduces application cache, which means that a web application is cached, and accessible without an internet connection.
- Offline browsing - users can use the application when they're offline
- Speed - cached resources load faster
- Reduced server load - the browser will only download updated/changed resources from the server
To enable application cache, include the manifest attribute in the document's tag:
<!DOCTYPE HTML> <html manifest="index.appcache"> ... </html>
This is our
index.html file -
<!DOCTYPE html> <html manifest="index.appcache"> <body> <p>Content</p> </body> </html>
then we will create
index.appcache file with below codes
CACHE MANIFEST index.html
write those files that you want to be cached load index.html then go for offline mode and reload the tab.
Note: The two files must be in the same folder in this example.
More details can be found at - https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache
Unfortunately this feature is in progress of being deprecated so please do not use for your upcoming projects
With all that being said, I highly recommend you keep learning!