Tipos de datos en páginas web: de texto a medios inmersivos

Las páginas web modernas son contenedores multimedia. Aquí tienes una taxonomía de los tipos de datos que encontrarás.

Tipos fundamentales

• Texto: Contenido renderizado por HTML (encabezados, párrafos, listas), con estilo CSS y manipulado por JavaScript
• Imágenes: Raster (JPEG, PNG, WebP, AVIF), Vector (SVG), Iconos (fuente/SVG en línea), Responsivas (srcset/picture)
• Video: MP4 (H.264/HEVC), WebM (VP9/AV1), transmisiones HLS/DASH, WebRTC
• Audio: MP3, AAC, Opus, WebM, transmisiones de Web Audio API

Datos interactivos y dinámicos

• Formularios: Campos de entrada, validación, carga de archivos, CAPTCHAs
• Estado del lado del cliente: localStorage, sessionStorage, IndexedDB, cookies
• Tiempo real: WebSockets, Server-Sent Events, canales de datos WebRTC
• APIs: Respuestas REST/GraphQL (JSON, Protobuf), webhooks

Datos estructurados y semánticos

• Microdata/RDFa/JSON-LD: Marcado de Schema.org para SEO y fragmentos enriquecidos
• Tablas de datos: Ordenables, filtrables, paginadas (fuentes CSV/JSON)
• Visualizaciones de datos: Gráficos (Chart.js, D3), mapas (Mapbox, Leaflet), paneles de control

Tipos avanzados y emergentes

• 3D/AR/VR: Modelos glTF/GLB, escenas WebXR, superposiciones de AR (model-viewer)
• Módulos WebAssembly: Código compilado (Rust, C++, Go) que se ejecuta a velocidad casi nativa
• Computo WebGPU: Aprendizaje automático, física y renderizado acelerados por GPU
• Credenciales: Claves públicas WebAuthn/FIDO2, access keys
• Pagos: Payment Request API, Payment Handler API
• Sistema de archivos: File System Access API (leer/escribir archivos locales)

Metadatos y datos técnicos

• Encabezados HTTP (caché, CORS, CSP, HSTS)
• Registros DNS (A, AAAA, CNAME, TXT, HTTPS)
• Certificados SSL/TLS (cadena, SANs, registros CT)
• Tiempo de rendimiento (Navigation Timing, Resource Timing)

El modelo de datos de la web sigue expandiéndose: los navegadores se están convirtiendo en plataformas similares a sistemas operativos donde cualquier dato computable puede representarse, procesarse y compartirse.