Благодаря тому, что в HTML5 есть поддержка веб-хранения, данные веб-сайтов можно хранить на локальном компьютере пользователя.

До появления HTML5 в этих целях использовались куки-файлы.

Преимущества веб-хранения данных:

• Безопасней
• Быстрее
• Возможность сохранять больший объём данных
• Хранимые данные не передаются при каждом серверном запросе

Есть два типа объектов веб-хранения:

• sessionStorage()
• localStorage()

В чём отличия?

• В сессионном хранилище данные каждый раз удаляются после закрытия браузера пользователем
• В локальном хранилище данные хранятся без ограничения по времени

Для локального и сессионного веб-хранения используются очень простые и похожие правила синтаксиса.

Данные сохраняются в виде пары ключ/значение.

Т. к. взаимодействие с локальным хранилищем браузера происходит посредством языка JavaScript, нижеприведённый код следует помещать внутри тегов <script> ... </script>.

Найти и взаимодействовать (изменять, удалять и т. д.) ключ и значение можно как методами JavaScript, так и вручную через инструменты разработчика (клавиша вызова по умолчанию – F12).