Curriculum

HTML Basic

HTML Introduction

0/1

HTML Editors

0/1

HTML Basic

0/4

HTML Elements

0/4

HTML Attributes

0/1

HTML Headings

0/2

HTML Paragraphs

0/1

HTML Styles

0/2

HTML Formatting

0/1

HTML Quotation

0/3

HTML Comments

0/1

HTML Colors

0/11

HTML CSS

0/5

HTML Links

0/7

HTML Images

0/6

HTML Favicon

0/1

HTML Page Title

0/1

HTML Tables

0/11

HTML Lists

0/4

HTML Block and Inline

0/4

HTML Div

0/4

HTML classes

0/4

HTML id

0/4

HTML Iframes

0/1

HTML Java Script

0/1

HTML File Paths

0/1

HTML - The Head Element

0/4

HTML Layout

0/1

HTML Responsive

0/8

HTML Computer Code

0/1

HTML Semantic

0/7

HTML Style Guide

0/10

HTML Entities

0/4

HTML Symbols

0/1

HTML Emojis

0/4

HTML Charsets

0/1

HTML URL Encode

0/3

HTML vs. XHTML

0/1

HTML Forms

0/35

HTML Graphics

0/5

HTML Media

0/15

HTML APIs

0/9

Text lesson

HTML Web Storage

What is HTML Web Storage?

Web storage enables web applications to store data locally in the user’s browser.

Before HTML5, application data was typically stored in cookies, which were sent with every server request. Web storage offers improved security and performance, allowing larger amounts of data (at least 5MB) to be stored locally without impacting website performance.

Unlike cookies, data stored in web storage is not transferred to the server, and each origin (domain and protocol) can store and access the same data across all pages.

Browser Support

The numbers in the table indicate the earliest browser version that fully supports Web Storage.

HTML Web Storage Objects

HTML web storage offers two objects for client-side data storage:

window.localStorage: Stores data without an expiration date.
window.sessionStorage: Stores data for the duration of one session (data is lost when the browser tab is closed).

Prior to utilizing web storage, verify browser support for localStorage and sessionStorage.

if (typeof(Storage) !== “undefined”) {
// Code for localStorage/sessionStorage.
} else {
// Sorry! No Web Storage support..