HTML and CSS Reference
In-Depth Information
The purpose of the FALLBACK section is to specify alternative versions of a file that
should be used while offline. For instance, we may have an image called online.png that
is displayed at the top of the screen when we are online, but we want to display an image
called offline.png when we are offline. In order to implement this, we would first add off-
line.png to the list of cached files in the CACHE MANIFEST section; we would then add
the following to the FALLBACK section:
FALLBACK:
online.png offline.png
We will also find an alternative use of this section below.
The final section is the network section. This is a particularly important section, because it
specifies the network addresses the browser may access. If we were to enter the following:
NETWORK:
/
Then the browser would only be able to access resources from the server in question, it
would not be able to access any other servers, for instance, Google Analytics, or files
served from CDNs.
The most common setting for this section is as follows:
NETWORK:
*
This ensures the web application has unrestricted access to the Network.
The next version of the file will look like this:
CACHE MANIFEST
tasks.html
scripts/date.js
scripts/
jquery
-2.0.3.
js
scripts/
jquery
-serialization.js
scripts/
jquery
-tmpl.js
scripts/jquery.validate.js
scripts/tasks-controller.js
scripts/tasks-indexeddb.js
scripts/tasks-webstorage.js
styles/tasks.css
