This document discusses HTML5 web storage. It introduces web storage as a client-side storage mechanism that allows JavaScript to store data locally within a web browser. The document outlines the objectives of understanding web storage APIs and types. It describes local storage and session storage, and covers how to use common web storage APIs. The document also reviews browser support for web storage and provides examples of how web storage can be used, such as storing user preferences and session information.

1. Html5-Web-Storage
Name of student: Harshad Borgave
(39015)
Guide: Prof. Mr. A .G. Deshmukh
Seminar
PES Modern College of Engineering
Department of Computer Engineering
Savitribai Phule Pune University

2. 1) Introduction
2) Objectives
3) Problem Statement
4) Literature survey
5) Architectural Diagram
6) Algorithmic Approach
7) Expected Results
8) Conclusion / Summary
9) References
Contents :

3. Introduction :
WEB-STORAGE :
Web storage is also known as DOM (Document Object Model)
storage.
It is a simple client side database that allows the users to
persist data in the form of key/value pairs.
It has a fairly simple API to retrieve/write data into the local
storage. It can store up to 10MB of data per domain. Unlike
cookies, the data stored are not included with every HTTP
request.
IE7 and older versions do not support Web Storage. All the
other browsers like Chrome, Opera, Firefox, Safari and IE8+
support Web Storage.

4. Objectives :
 To understand the latest browser language, a
new data storage technique, called Web Storage,
To understand about web storage Application
programming interface (APIs).
To get information about types of web storage.

5. Problem Statement :
Web Storage is the latest browser language,
a
new data storage technique. Although web
storage has many advantages ,there strength
and
types, due to this it easy to store data for
many
years and also for one section. So for this
need to understand all about web storage

6. Literature Survey:
Title Author,Publications,
Year
Remark
Browser Web Storage
Vulnerability Investigation
HTML5 localStorage Object
Daniel Bogaard Information
Technology, GCCIS Rochester
Institute of Technology
Rochester, NY, USA
Other security issues with web
storage applications can be
found
Design and Implementation of
Web Browser Secure Storage
Dongil Shin
Sejong University |
sejong · Department of
Computer Science
Ph.D. (Dec -2019)
increasing the importance of
browser storage security.
Analysis of privacy and
security in HTML5 web
storage
Sarah Monisha Pulimood
The College of New
Jersey | TCNJ · Department
of Computer Sciences
PhD in Computer Science
Analysis of privacy and
security in HTML5 web
storage

7. Algorithmic approach:
With web storage, web applications can store
data locally within the user's browser.
Web storage is more secure, and large
amounts of data can be stored , without
affecting website performance.
Unlike cookies, the storage limit is far larger
(at least 5MB) and information is never
transferred to the server.

8. Web Storage types :
Web Storage comes in two flavours and both uses the
Key-value pair combination,
1. Local Storage:
The localStorage object stores the data
with no expiration date. The data will not be deleted when
the browser is closed, and will be available the next day,
week, or year.
2. Session Storage:
The sessionStorage object is equal to
the localStorage object, except that it stores the data
for only one session. The data is deleted when the
user closes the specific browser tab.

9. Web-storage strengths:
The ease of use for developers: It has a simple AOI to get
and set key/value pairs and can do much more.
 The amount of space provided: no less than 5 or 10 MB per
domain.
 The LocalStorage object stores data with no expiration.
 Clent- Side Access: Servers cannot directly write into web
storage.
 Data transmission: Objects are not sent automatically with
each request but must be requested.

10. Web Storage Weakness :
Data is stored as a simple string.
 It has default 5 MB limit; more storage can
be allowed by user if required.
 It can be disabled by the user or systems
administrator.
 Storage can be slow with complex sets of
data.

11. Web Storage APIs :
● setItem(Key, Value) – Adds an item to storage
● getItem(Key) - Retrives an item from storage
● removeItem(Key) – Removes an item from storage
● Clear() - Removes all items from storage
● key(n) - Returns the name of the key for the index
provided
● Length - Number of key/value pairs in the storage list

12. Browser Support :
The numbers in the table specify the first browser version that fully
supports Web Storage.

13. Conclusion :
So, now you can start using Web Storage to store user
preferences, user info, session info etc .
You can also try creating apps that can be used
completely offline and the data stored during offline can
be sent back to the server as a batch update when the
user is online again.

14. References :
I. Hickson, World Wide Web Consortium, "HTML5, A vocabulary and
associated APIs for HTML and XHTML, Editor’s Draft." Last modified
November 04, 2011. Accessed November 05, 2011.
http://dev.w3.org/html5/spec/Overview.html.
II. I. Hickson, World Wide Web Consortium, "Web Storage, Editor's
Draft." Last modified October 04, 2011. Accessed November 05,
2011. http://dev.w3.org/html5/webstorage/
III. Mozilla Developer Network, "DOM Storage." Last modified October
23, 2011. Accessed November 08, 2011.
https://developer.mozilla.org/en/DOM/Storage.
IV. back|track-linux.org, "Downloads : BackTrack Linux – Penetration
Testing Distribution." Accessed November 14, 2011.
http://www.backtrack-linux.org/downloads/. [8] VMware, "Using
vmrun to Control Virtual Machines." Last modified 2009. Accessed
November 14, 2011.
www.vmware.com/pdf/vix162_vmrun_command.pdf.