Web Storage in HTML5

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 Local Storage

How to Create Session Storage

How to Create Session Storage

How to Delete 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.

Up Next
    Ebook Download
    View all
    Learn
    View all