As páginas web modernas são contêineres multimídia. Apresentamos aqui uma taxonomia dos tipos de dados que você encontrará.
Tipos Fundamentais
- Texto: Conteúdo renderizado em HTML (títulos, parágrafos, listas), estilizado com CSS, manipulado via JavaScript
- Imagens: Raster (JPEG, PNG, WebP, AVIF), Vetor (SVG), Ícones (font/inline SVG), Responsivas (srcset/picture)
- Vídeo: MP4 (H.264/HEVC), WebM (VP9/AV1), streams HLS/DASH, WebRTC
- Áudio: MP3, AAC, Opus, WebM, streams Web Audio API
Dados Interativos e Dinâmicos
- Formulários: Campos de entrada, validação, upload de arquivos, CAPTCHAs
- Estado do lado do cliente: localStorage, sessionStorage, IndexedDB, cookies
- Tempo real: WebSockets, Server-Sent Events, canais de dados WebRTC
- APIs: Respostas REST/GraphQL (JSON, Protobuf), webhooks
Dados Estruturados e Semânticos
- Microdata/RDFa/JSON-LD: Marcação Schema.org para SEO, rich snippets
- Tabelas de dados: Ordenáveis, filtráveis, paginadas (fontes CSV/JSON)
- Visualizações de dados: Gráficos (Chart.js, D3), mapas (Mapbox, Leaflet), dashboards
Tipos Avançados e Emergentes
- 3D/AR/VR: Modelos glTF/GLB, cenas WebXR, overlays AR (model-viewer)
- Módulos WebAssembly: Código compilado (Rust, C++, Go) rodando a velocidade nativa
- WebGPU compute: ML acelerado por GPU, física, renderização
- Credenciais: Chaves públicas WebAuthn/FIDO2, passkeys
- Pagamentos: Payment Request API, Payment Handler API
- Sistema de arquivos: File System Access API (leitura/escrita de arquivos locais)
Metadados e Dados Técnicos
- Cabeçalhos HTTP (cache, CORS, CSP, HSTS)
- Registros DNS (A, AAAA, CNAME, TXT, HTTPS)
- Certificados SSL/TLS (cadeia, SANs, logs CT)
- Timing de performance (Navigation Timing, Resource Timing)
O modelo de dados da web continua em expansão — navegadores estão se tornando plataformas semelhantes a sistemas operacionais onde qualquer dado computável pode ser representado, processado e compartilhado.