Introduction
In HTML5 Web Storage is a new API for storing data on the client-side. There are two types of Web Storage.
- Local Storage: stores data with no expiration date. Local Storage is kept even between browser sessions. This means data is still available when the browser is closed and reopened and also instantly between tabs and windows.
- Session Storage: stores data for one session. Session Storage is only available within the browser tab or window session. It's designed to store data in a single web page session.
How to Create Local Storage
How to Create Session Storage
How to Delete Storage
Web Storage vs. Cookies
| Web Storage |
Cookies |
| Data storage limitation is of 5MB to 10 MB per domain.
|
Storage limit of 4kb. Most browsers allow 30 to 50 cookies, so if you exceed the 4 KB limit of one cookie you could create another one. |
| The data is not included with every server request but used ONLY when asked for. |
Cookies always sent with every HTTP request (usually even for images) resulting in more data being sent over the network. |
Note: Web Storage data is, in both cases, not available between differing browsers. For example, storage objects created in Firefox cannot be accessed in Internet Explorer, exactly like cookies.
In this article, we studied Web Storage in HTML5.