Web Storage in HTML5
Web Storage is a feature of HTML5 that allows websites to store data in a user's browser securely and efficiently. Unlike cookies, web storage is not sent with every server request, making it faster and more secure for client-side storage.
Types of Web Storage
- Local Storage: Stores data with no expiration date. It remains even after the browser is closed.
- Session Storage: Stores data only for the duration of a page session. Data is lost when the tab or browser is closed.
Local Storage Example
// Save data
localStorage.setItem("username", "SmartCoder");
// Get data
let user = localStorage.getItem("username");
// Remove item
localStorage.removeItem("username");
// Clear all items
localStorage.clear();
Session Storage Example
// Save data
sessionStorage.setItem("sessionName", "SmartSession");
// Get data
let session = sessionStorage.getItem("sessionName");
// Remove item
sessionStorage.removeItem("sessionName");
// Clear all items
sessionStorage.clear();