Что такое Web Storage в HTML5 (`localStorage` и `sessionStorage`)?

Question

Accepted Answer

## Главная мысль
Web Storage — API для хранения строковых пар ключ–значение в браузере без автоматической отправки на сервер (в отличие от cookie).

## Различия

| | `localStorage` | `sessionStorage` |
|---|---|---|
| Срок жизни | пока не очистят | до закрытия вкладки/сессии |
| Область | origin, общие вкладки | origin + вкладка |
| Размер | обычно ~5 MB | обычно ~5 MB |

```js
localStorage.setItem('theme', 'dark');
const theme = localStorage.getItem('theme');
sessionStorage.setItem('wizardStep', '2');
```

## Ограничения
Только строки (объекты — через `JSON.stringify`), синхронный API, доступен любому JS на странице → не храните секреты. Есть ещё Cookie и IndexedDB для других задач.

## Итог
`localStorage` — долгие клиентские настройки; `sessionStorage` — временное состояние вкладки.

	`localStorage`	`sessionStorage`
Срок жизни	пока не очистят	до закрытия вкладки/сессии
Область	origin, общие вкладки	origin + вкладка
Размер	обычно ~5 MB	обычно ~5 MB