What is the difference between localStorage, sessionStorage, session and cookies?

Question

What are the technical pros and cons of localStorage, sessionStorage, session and cookies, and when would I use one over the other?

Answer 1

OK, LocalStorage as it's called it's local storage for your browsers, it can save up to 10MB, SessionStorage does the same, but as it's name saying, it's session based and will be deleted after closing your browser, also can save less than LocalStorage, like up to 5MB, but Cookies are very tiny data storing in your browser, that can save up 4KB and can be accessed through server or browser both...

I also created the image below to show the differences at a glance: