HTML5 все быстрее получает широкое распространение среди разработчиков. Большинство разработчиков знакомо с такими тегами HTML5 как header, section, footerи video. Но в HTML5гораздо больше возможностей. Сегодня мы поговорим о HTML5 local storage или просто локальном хранилище.
Локальное хранилище — это база данных, которая находится на стороне и клиента и в которой хранятся пары ключ — значение. Данные этой базы данных хранятся на вашем компьютере в браузере. У каждого баузера на компьютере свое локальное хранилище. Не все браузеры на поддерживают локальное хранилище. Вот список браузеров которые поддерживающих его

Вот простой пример, как работать с локальным хранилищем через Javascript

if(typeof(localStorage) == ‘undefined’ ) {
 alert('Ваш браузер не поддерживает localStorage()');
 }
 else {
 try {
 localStorage.setItem('name', 'Hello World!'); //сохраняет строку "Hello World" по ключу name
 }
 catch (e) {
 if (e == QUOTA_EXCEEDED_ERR) {
 alert('Кончилось место'); //данные не сохранены, так как кончилось доступное место
 }
 }
alert(localStorage.getItem('name')); //Hello World!
localStorage.removeItem('name'); //удаляет значение по ключу name
}

В коде, приведенном выше, вы проверяем, поддерживает ли браузер local storge, сохраняем данные в хранилище, затем получаем их же и показываем пользователю и удаляем данные из хранилища. Это типичный пример Hello World, показывающий насколько просто работать с local storage.