Web Storage in HTML

The Web Storage API allows data to be stored in the user's browser without a server connection. There are two types: localStorage and sessionStorage.

Storage Types

localStorage retains data even after the browser is closed. sessionStorage stores data only for the current tab session.

Using localStorage

localStorage stores key-value pairs that persist until explicitly deleted by the user or code. The data is accessible across all pages under the same domain.

Using sessionStorage

sessionStorage behaves similarly to localStorage, but it only lasts as long as the tab is open. Once the tab is closed, the data is lost.

Practical Use Cases

- Temporary shopping cart data - User settings (e.g., theme, language) - Search history - Temporary status information

Limitations and Security

Web Storage can only store string data. The data is not encrypted, so you should avoid storing sensitive information. The maximum size per domain is typically 5–10 MB.