HTML5 application cache manifest and it's types

This tutorial covers the basic concepts of html5 application cache manifest and it's types such as cache manifest., network and fallback.


HTML5 application cache manifest and its types

Basics of html cache manifest

For caching the web page, it is mandatory to declare the manifest with html element on every and each page. A particular webpage can’t be cached until we don’t declare the manifest file.

The recommend file extension for a manifest file is appcache. The manifest file also needs to configure with the correct MIME-type, which must be configured well on the web server. The format may has follows: text/cache-manifest.

What is HTML5 Manifest?

It’s a simple text file, which tells the browser for particular cache processing. In details we can say it sends a command to browser for specific file type to be stored in the cache.

We can also send a denying command, if we have to tell the browser that a specific file shouldn’t be store in the cache

Html 5 manifest types

The Manifest file has been defined in three particular types. You can also say a Manifest file can contain three sections in it. Here are the details of three sections or types:

       Cache Manifest
       Network
       Fallback

Cache Manifest

The files listed under this category only will be cached after they are downloaded for first time. To declare the cache manifest type, you need to write CACHE MANIFEST at the first line of the page.
Cache Manifest: Syntax

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

In the above demonstrated syntax, there are three types of file have been declared: CSS file, GIF file and JS file. When the user will use the internet connection for the first time, these three files will be download. And once the download is finished, the user can access these files, even when no internet connections.


html5 application cache manifest

Network

The files listed under this category will always require an internet connection. Without the internet connection these files will not be served.

Often we have seen that we include some PHP files or other resources to get access in the database. To do this such event, we authorize the user with login system. In the section of Manifest type, we can prevent the user for accessing the particular file as cached version.

Network: Syntax
NETWORK:
login.php

Instead of declaring a specific file, we can also use an asterisk sign to prevent all resources to be cached. And user must have an internet connection to get access.

Fallback

This section of Manifest can be used if we want to serve a specific file in case of no internet connection. In this process we create a specific file and set it in the fallback. Once the user is offline or not able to access the internet connection. The specified file will be served.

Fallback: Syntax
FALLBACK:
/html/ /offline_backup.html

 Conclusion

This seems good if someone has issue with internet connection, but be careful what you cache. Once the browser cache the file, the user will continue seeing the cached version until you don’t change your updates with program or the user doesn’t clear the cache of the browser.

COMMENTS

Name

addressing modes types,1,advance-java,2,aktu entrance exam,1,aktu exam schedule,1,ASP,1,bare machine,1,base register and limit register,1,C Programming,12,C Plus Plus,1,C Programming,5,C Programming Questions,1,C programming study material for gate exam,7,Cache Memory,1,CBNST Program,1,Childcare,1,CJ,1,Cloud Computing,1,CN,1,Computer Architecture,2,Computer architecture based questions for gate exam,11,Computer Network,7,Computer Network Study Material,2,Computer network study material for gate,1,Computer Networks,7,Computer networks GATE Questions,1,Computer Science Study Material for Gate,14,computer science study material for gate exam,28,contiguous memory allocation,2,Core Java,3,cyber crime report,1,Cyber crime status,1,cybercrime and security,1,cybercrime examples,1,Data Structure,2,Data Structure Questions,1,Data Transmission Architecture,1,Data Transmission in wsn,1,DBMS,5,dbms question paper,1,DE,1,Digital Electronics,1,DS,4,Dynamic memory allocation in c,1,Electroencephalogram,1,file management in operating system notes,1,Gate 2017,5,Gate 2017 Admit card,1,Gate 2017 Exam Schedule,1,Gate 2017 Syllabus,1,gate cse study material,1,gate practice set,7,gate study material for computer science,12,Gate study material for computer science 2017,1,General,3,HCL Aptitude Test,1,HR Interview Questions,1,HTML,4,Important Date of Gate 2017 Exam,1,Information Security Policy,1,internal and external fragmentation,1,JDBC,2,JS,1,lagrange's interpolation formula,1,lagrange's interpolation formula examples,1,memory fragmentation,1,memory management,1,memory management questions and answer in os,1,Motivational,4,NCER,1,Numerical Techniques Lab,1,OOT,1,Operating System,10,Operating System Gate Questions,1,Operating System Objective Questions,4,Operating System Questions Bank,1,Operating system questions for gate,1,Operating System Study material,2,operating system study material for gate exam,13,Operating system tutorial,2,page swapping,1,paged memory allocation,1,paged memory allocation in operating system,1,Pointer in C,4,Process based question for gate,1,Regression testing,1,relocation in memory management,1,relocation registe,1,relocation register,1,resident monitor,1,resident monitor in operating system,1,routing table,1,Software Engineering,10,Software Engineering baes study material for gate,1,Software Quality Assurance,3,software verification methods,1,Stack,1,Structure in C,1,Study Material for gate Computer Science,7,swapping in memory management,1,swapping in operating system,1,TCS Code Vita,1,TCS Interview Questions,1,Technical Interview,1,Technical Questions from DBMS,1,Thrashing in Operating System,1,Threads concept in operating system,1,Tips to Learn Coding,1,Types of operating system,1,UML,1,What is process control block ?,1,what is software testing?,1,Wireless Sensor Network,3,worst fit algorithm for memory allocation,1,XML,2,
ltr
item
Computer Science Junction: HTML5 application cache manifest and it's types
HTML5 application cache manifest and it's types
This tutorial covers the basic concepts of html5 application cache manifest and it's types such as cache manifest., network and fallback.
https://3.bp.blogspot.com/-KHNp-IDkdww/XBXQFY6vB6I/AAAAAAAABJE/FeCWGu4i4koScSG4Q96CgZlKkMS8awdQACLcBGAs/s400/html5cachemanifest.jpg
https://3.bp.blogspot.com/-KHNp-IDkdww/XBXQFY6vB6I/AAAAAAAABJE/FeCWGu4i4koScSG4Q96CgZlKkMS8awdQACLcBGAs/s72-c/html5cachemanifest.jpg
Computer Science Junction
https://www.computersciencejunction.in/2018/12/html5-cache-manifest-and-its-types.html
https://www.computersciencejunction.in/
https://www.computersciencejunction.in/
https://www.computersciencejunction.in/2018/12/html5-cache-manifest-and-its-types.html
true
425357657003182083
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy