Cos'è HTML5
HTML5 introduce nuove API, elementi semantici e supporto nativo per media, grafica e applicazioni web moderne.
Web Storage API
- localStorage: dati persistenti
- sessionStorage: dati temporanei
localStorage.setItem("utente", "Mario");
Geolocation API
Permette di ottenere la posizione geografica dell’utente (con consenso).
navigator.geolocation.getCurrentPosition(success);
Media & Device API
- getUserMedia: webcam e microfono
- MediaDevices
- Fullscreen API
Canvas
<canvas> permette di disegnare grafica 2D tramite JavaScript.
Performance & Best Practice
- Usare elementi semantici
- Ottimizzare immagini e media
- Caricare JS con defer
- Usare meta viewport
- Scrivere HTML accessibile
Accessibilità (A11y)
- Struttura logica dei titoli
- Testi alternativi
- Contrasto colori
- Supporto tastiera
SEO Best Practice
- Uso corretto di <title>
- Meta description
- HTML semantico
- Link descrittivi
Conclusione
Con HTML5 puoi creare applicazioni moderne, accessibili e performanti senza dipendenze esterne.
Quiz finale HTML
Metti alla prova le tue conoscenze. Seleziona una risposta per ogni domanda.