Tipi di dati sulle pagine web: dal testo ai media immersivi
Le pagine web moderne sono contenitori multimediali. Ecco una tassonomia dei tipi di dati che incontrerai.
Tipi fondamentali
- Testo: Contenuto reso da HTML (intestazioni, paragrafi, liste), stilizzato con CSS, manipolato con JavaScript
- Immagini: Raster (JPEG, PNG, WebP, AVIF), Vettore (SVG), Icone (font/inline SVG), Reattive (srcset/picture)
- Video: MP4 (H.264/HEVC), WebM (VP9/AV1), flussi HLS/DASH, WebRTC
- Audio: MP3, AAC, Opus, WebM, flussi Web Audio API
Dati interattivi e dinamici
- Form: Campi di input, validazione, caricamento file, CAPTCHA
- Stato lato client: localStorage, sessionStorage, IndexedDB, cookie
- In tempo reale: WebSockets, Server-Sent Events, canali dati WebRTC
- API: Risposte REST/GraphQL (JSON, Protobuf), webhook
Dati strutturati e semantici
- Microdata/RDFa/JSON-LD: Markup Schema.org per SEO, rich snippet
- Tabelle di dati: Ordinabili, filtrabili, paginate (fonti CSV/JSON)
- Visualizzazioni di dati: Grafici (Chart.js, D3), mappe (Mapbox, Leaflet), dashboard
Tipi avanzati ed emergenti
- 3D/AR/VR: Modelli glTF/GLB, scene WebXR, sovrapposizioni AR (model-viewer)
- Moduli WebAssembly: Codice compilato (Rust, C++, Go) in esecuzione a velocità quasi nativa
- WebGPU compute: ML, fisica, rendering accelerati da GPU
- Credenziali: Chiavi pubbliche WebAuthn/FIDO2, passkey
- Pagamenti: Payment Request API, Payment Handler API
- File system: File System Access API (lettura/scrittura file locali)
Metadati e dati tecnici
- Intestazioni HTTP (caching, CORS, CSP, HSTS)
- Record DNS (A, AAAA, CNAME, TXT, HTTPS)
- Certificati SSL/TLS (catena, SANs, log CT)
- Tempistiche di prestazioni (Navigation Timing, Resource Timing)
Il modello di dati del web continua ad espandersi—i browser stanno diventando piattaforme simili a sistemi operativi in cui qualsiasi dato calcolabile può essere rappresentato, elaborato e condiviso.