Semantic tags, audio/video, canvas, SVG, geolocation, web storage, Web Workers, offline APIs, new input types, picture/srcset for responsive images.
Native media elements with controls, autoplay, loop, muted, multiple sources.
<video controls>
<source src="movie.mp4" type="video/mp4">
Your browser does not support video.
</video>
Canvas: pixel-based, procedural drawing (games, animations).
SVG: vector-based, DOM elements (icons, charts, diagrams).
Both store key-value data in browser.
localStorage: persists across tabs and restarts.
sessionStorage: cleared when tab closes.
Cookies: tiny, sent to server, can expire, secure flags.
localStorage: large, persistent, client-side only.
sessionStorage: temporary per tab.
data-*: custom data for JS.
id: unique identifier.
class: reusable group for styling/JS.
Run JS in the background for CPU-heavy tasks without blocking UI.
AppCache: Deprecated.
Service Workers: modern offline cache, request control, background sync.
Geolocation: latitude/longitude position.
Device Orientation: access accelerometer/gyro for device tilt & rotation.
⬅ Home