20 Estándares WEB
Oscar Alexander López López6.to Computación "A" PC1-Tecnología
empezar
Introducción
A continuación se presentara 20 estándares web que buscan interoperabilidad, rendimiento y experiencia de usuario consistente.
CSS3
JavaScript
HTML5
WCAG
XML
Caching
DOM
Imagenes optimizadas
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
HTML5
¿Qué es?
Es la versión más reciente y principal del lenguaje HTML, que define la estructura y el contenido de las páginas web, introduciendo etiquetas semánticas, soporte multimedia nativo (, ), APIs para interactividad (canvas, geolocalización) y mejores capacidades para aplicaciones web, todo sin necesidad de plugins, lo que mejora la experiencia en móviles y la optimización para buscadores (SEO). HTML5 se aplica como el estándar fundamental para estructurar y presentar contenido web, introduciendo nuevas etiquetas semánticas (<header>, <nav>, <footer>) para mejorar la organización, accesibilidad y SEO, junto con APIs nativas para video, audio, gráficos y geolocalización.
¿Como se usa?
Imagenes optimizadas
CSS3
JavaScript
HTML5
WCAG
XML
Caching
DOM
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
CSS3
¿Qué es?
CSS3 se aplica en el estándar web vinculándolo a HTML mediante métodos externos (recomendado, con <link>), internos (<style> en <head>) o en línea (style="..."), controlando la presentación visual, diseño, fuentes y animaciones de forma modular y estandarizada por el W3C para asegurar compatibilidad entre navegadores modernos, utilizando características como selectores, propiedades y comportamientos avanzados como Flexbox, Grid y animaciones para crear experiencias web ricas y responsivas.
¿Como se usa?
Imagenes optimizadas
CSS3
JavaScript
HTML5
WCAG
XML
Caching
DOM
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
JavaScript
¿Qué es?
Crea interactividad en las páginas, manipulando el DOM para cambiar contenido y estilo en tiempo real, validando formularios, gestionando eventos (como clics) y realizando peticiones asíncronas, todo esto ejecutándose en el navegador del usuario y vinculado a HTML mediante la etiqueta <script> o archivos externos, para mejorar la experiencia del usuario sin recargar la página.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
Caching
DOM
Imagenes optimizadas
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
WCAG
¿Qué es?
Significa implementar directrices del W3C para asegurar que sitios y aplicaciones sean perceptibles, operables, comprensibles y robustos, mediante alternativas textuales, contraste adecuado, navegación por teclado y compatibilidad con tecnologías de asistencia, logrando conformidad en niveles A, AA (el estándar legal común) o AAA, integrando la accesibilidad desde el diseño y realizando pruebas continuas con usuarios reales.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
Caching
DOM
Imagenes optimizadas
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
Imagenes optimizadas
¿Qué es?
Aplicar imágenes optimizadas en la web implica usar formatos adecuados (JPEG, PNG, WebP), comprimirlas para reducir el peso del archivo sin perder calidad, redimensionarlas a las dimensiones correctas, usar atributos como alt (texto alternativo) para accesibilidad y SEO, implementar lazy loading (loading="lazy") para carga diferida, y nombrar archivos descriptivamente, todo para mejorar la velocidad de carga, la experiencia de usuario y el posicionamiento en buscadores.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
Caching
DOM
Imagenes optimizadas
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
DOM
¿Qué es?
El DOM (Document Object Model) se aplica en el estándar web como una interfaz programática que representa la estructura de una página web (HTML/XML) como un árbol de objetos (nodos), permitiendo a JavaScript acceder, modificar y manipular dinámicamente su contenido, estructura y estilos en tiempo real, transformando así el contenido estático en experiencias interactivas y dinámicas.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
Caching
DOM
Imagenes optimizadas
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
Caching
¿Qué es?
El caching en el contexto de los estándares web se aplica mediante reglas y mecanismos definidos por protocolos y APIs estandarizadas, principalmente para mejorar el rendimiento, reducir latencia y ahorrar ancho de banda
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
XML
¿Qué es?
e aplica principalmente para estructurar, transportar y almacenar datos de forma legible para humanos y máquinas, complementando a HTML (que se enfoca en la presentación) mediante su uso en APIs para intercambio de datos, archivos de configuración, metadatos, y en estándares como MathML, permitiendo la interoperabilidad entre sistemas y la creación de contenido web dinámico y personalizable.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
JSON
¿Qué es?
se aplica en la web como el lenguaje estándar para el intercambio de datos, especialmente en APIs REST, donde servidores y clientes se comunican enviando y recibiendo información estructurada (como datos de usuario, productos) en formato {clave: valor}, permitiendo aplicaciones dinámicas y rápidas, además de usarse en archivos de configuración y bases de datos NoSQL.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
Microdatos/RDFa
¿Qué es?
Añade atributos especiales a las etiquetas HTML (como <span>, <div>, <a>) para describir semánticamente el contenido visible, usando vocabularios como Schema.org para definir entidades (personas, productos, eventos) y sus propiedades (itemscope, itemtype, itemprop para Microdatos; vocab, typeof, property para RDFa).
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
SVG
¿Qué es?
SVG se aplica en estándares web principalmente como gráficos escalables (logos, iconos) incrustados directamente en HTML usando la etiqueta <svg> para estilos dinámicos con CSS/JS, o referenciados como archivos externos (con <img src="imagen.svg">), ofreciendo calidad nítida en cualquier tamaño y optimización para web responsive, lo que lo hace ideal para adaptabilidad y rendimiento.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
WebGL
¿Qué es?
WebGL se aplica como una API de JavaScript estándar en el elemento HTML <canvas> para renderizar gráficos 2D y 3D acelerados por hardware (GPU) directamente en el navegador, sin plugins, permitiendo crear experiencias interactivas y visualmente ricas mediante el uso de Shaders (GLSL) para controlar la GPU.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
RESTful APIs
¿Qué es?
Las APIs RESTful se aplican en el estándar web como una forma de arquitecturas cliente-servidor que usan el protocolo HTTP para interactuar con recursos (datos) de forma uniforme y sin estado, utilizando sustantivos para URIs (ej. /usuarios) y verbos HTTP (GET, POST, PUT, DELETE) para acciones, devolviendo respuestas en formatos ligeros como JSON o XM
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
GraphQL
¿Qué es?
GraphQL se aplica como un estándar web permitiendo que clientes (frontends) soliciten exactamente los datos que necesitan a través de un único endpoint HTTP, definiendo su estructura con un esquema en el backend, lo que permite flexibilidad al desarrollador, evita el sobre-fetching y sub-fetching de datos común en REST, e implementa operaciones de consulta (query), mutación (mutation) y suscripción (subscription) para una API declarativa y eficiente.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
SOAP
¿Qué es?
Se aplica como un protocolo para el intercambio de mensajes estructurados (XML) entre aplicaciones distribuidas, usando protocolos de transporte como HTTP/HTTPS, donde un cliente envía una petición en un sobre XML (con encabezado y cuerpo) a un servidor, y este devuelve una respuesta XML, siendo fundamental para integración empresarial y servicios financieros por su robustez y seguridad, definiendo un marco estandarizado y extensible para la comunicación de servicios web.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
WSDL
¿Qué es?
se aplica en el estándar web como un contrato en XML que describe un servicio web, permitiendo a clientes de cualquier tecnología interactuar con él definiendo sus operaciones, parámetros, tipos de datos y cómo acceder a él (protocolo y URL), esencialmente actuando como un puente que especifica la interfaz abstracta y los detalles concretos para el consumo de servicios, usualmente junto con SOAP para la mensajería.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
Diseño Responsivo
¿Qué es?
Se aplica en el contexto estándar web usando unidades relativas (%), cuadrículas fluidas, imágenes flexibles, y sobre todo, Media Queries en CSS para adaptar estilos según el tamaño de pantalla, adoptando una estrategia "mobile-first" (diseñar primero para móvil) y probando en diversos dispositivos para una experiencia consistente y optimizada en cualquier dispositivo, cumpliendo así estándares modernos de usabilidad y rendimiento.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
Validación de Código
¿Qué es?
La validación de código en estándares web se aplica usando herramientas automáticas (como el validador W3C para HTML/CSS) para verificar la conformidad con las especificaciones (DTD/Esquemas), declarando el estándar (DOCTYPE) en el documento y siguiendo buenas prácticas (sanitización, expresiones regulares, rangos) en el código, para asegurar que funcione en distintos navegadores y herramientas, mejorando accesibilidad y SEO.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
HTTPS
¿Qué es?
Se aplica al cifrar la comunicación HTTP con SSL/TLS, requiriendo un certificado digital en el servidor para autenticar el sitio y cifrar datos (contraseñas, pagos) entre navegador y servidor, usando el puerto 443 en lugar del 80, y siendo hoy un estándar esencial que asegura confidencialidad, integridad y autenticidad, marcado por un candado en el navegador.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
Headers HTTP
¿Qué es?
Son metadatos cruciales en la comunicación web que van en las peticiones (cliente a servidor) y respuestas (servidor a cliente), controlando la interacción, la seguridad, el caché y el tipo de contenido, y se aplican como información clave que el navegador y el servidor interpretan para procesar la solicitud, desde el agente de usuario hasta políticas de seguridad como HSTS para forzar HTTPS, funcionando como el "lenguaje" invisible que mantiene la web en funcionamiento según estándares universales.
¿Como se usa?
¿Cómo se usa HTTPS?
Se usa en la web para cifrar la comunicación entre tu navegador y un sitio web, protegiendo datos sensibles como contraseñas y pagos mediante certificados digitales (SSL/TLS) que garantizan la autenticidad del sitio y previenen ataques.
¿Cómo se usa WCAG?
Implica diseñar y desarrollar sitios web y aplicaciones siguiendo sus cuatro principios fundamentales: Perceptible, Operable, Comprensible y Robusto (POUR), asegurando que todos los usuarios, incluyendo aquellos con discapacidades, puedan interactuar con el contenido a través de alternativas para imágenes (texto alternativo), navegación solo con teclado, buen contraste de color, subtítulos en videos y un diseño claro, lo que se verifica con niveles de conformidad (A, AA, AAA) y herramientas de prueba.
¿Como se usa la Validación de Código?
Se usa para verificar que tu HTML, CSS u otro código cumpla con los estándares, utilizando herramientas como el Validador HTML del W3C donde ingresas la URL, subes un archivo o pegas el código para que te indique errores y advertencias, lo que mejora la compatibilidad, el SEO y la accesibilidad.
¿Cómo se usa la WebGL?
Se usa principalmente para renderizar gráficos 2D y 3D interactivos directamente en el navegador, usando JavaScript para controlar la lógica y shaders (código para la GPU) para los efectos visuales, creando aplicaciones como visualizaciones de datos, juegos y simulaciones sin plugins, gestionando contextos, buffers y texturas.
¿Cómo se usa JSON?
Se usa JSON para organizar datos en pares clave-valor dentro de llaves {} (objetos) o listas entre corchetes [] (arrays), ideal para transferir información entre sistemas web, definiendo claves (entre comillas dobles) y sus valores (texto entre comillas, números sin comillas, booleanos true/false) separados por dos puntos, y cada par o elemento por comas. Los programas (como JavaScript) luego interpretan estos datos estructurados para mostrarlos o procesarlos.
¿Cómo se usa CSS3?
Se usa para dar estilo visual a páginas web, separando contenido (HTML) de diseño, mediante selectores para apuntar elementos HTML, y propiedades/valores para definir su apariencia, incorporando características avanzadas como animaciones, transiciones, flexbox/grid para diseños responsive, y efectos con sombras y degradados, todo dentro de archivos .css vinculados al HTML para crear interfaces atractivas y funcionales.
¿Cómo se usa RESTful APIs?
Usar una RESTful API implica enviar solicitudes HTTP (GET, POST, PUT, DELETE) a endpoints (URLs) específicos de un servidor para interactuar con recursos (datos), usando a menudo JSON para el formato de los datos, siguiendo la documentación de la API para estructurar las peticiones con encabezados y parámetros.
¿Cómo se usa Imagenes Optimizadas?
Usar imágenes optimizadas para la web implica reducir su tamaño sin perder calidad mediante compresión, elegir el formato correcto (JPEG para fotos, PNG para transparencia, SVG para gráficos), redimensionarlas al tamaño necesario, usar carga diferida (lazy loading) y añadir texto alternativo (alt text) para mejorar la velocidad, SEO y experiencia de usuario.
¿Cómo se usa el Diseño Responsivo?
Se usa adaptando un sitio web a cualquier tamaño de pantalla (móvil, tablet, escritorio) mediante técnicas como cuadrículas flexibles, imágenes fluidas y consultas de medios (media queries) en CSS, reubicando y redimensionando elementos automáticamente para ofrecer una buena experiencia de usuario, priorizando el enfoque "mobile first" y usando HTML y CSS para una única versión del sitio que se ajuste dinámicamente.
¿Como se usa XML?
Se usa XML creando archivos con etiquetas para describir y estructurar datos, como un lenguaje de marcado que define la jerarquía y el significado de la información para que sea legible por humanos y máquinas, facilitando el intercambio de datos entre sistemas, almacenando información en bases de datos, o definiendo la estructura de documentos, configuraciones y hasta interfaces gráficas, mediante etiquetas de apertura y cierre bien definidas.
¿Cómo se usa GraphQL?
Definiendo un esquema de tipos para tu API y luego haciendo consultas declarativas desde el cliente para pedir exactamente los datos que necesitas, evitando el exceso de información (overfetching) o la falta de ella (underfetching).
¿Cómo se usa JavaScript?
Se usa principalmente para añadir interactividad y dinamismo a páginas web, ejecutándose en el navegador del usuario para crear menús desplegables, validaciones de formularios, efectos visuales y cargar contenido sin recargar, todo esto dentro de un archivo HTML (usando <script>) o en un archivo .js externo enlazado; también se extiende a desarrollo backend (Node.js), aplicaciones móviles y videojuegos.
¿Cómo usar DOM?
Se usa principalmente en desarrollo web para manipular dinámicamente páginas HTML y XML usando JavaScript, permitiendo cambiar contenido, estilos y estructura en tiempo real mediante una representación en forma de árbol de los elementos de la página, como seleccionar nodos, modificar sus atributos o añadir/eliminar elementos en respuesta a interacciones del usuario.
¿Cómo se usa HTML5?
Se usa para estructurar el contenido de una página web mediante etiquetas (como <h1>, <p>, <img>, <video>), creando el esqueleto visual que los navegadores interpretan, permitiendo multimedia nativa, diseño adaptable y nuevas funciones como geolocalización, y se escribe en un archivo .html para definir texto, imágenes y elementos interactivos, usando CSS para el estilo y JavaScript para la funcionalidad.
¿Como se usa SOAP?
Se usa principalmente para que sistemas diferentes se comuniquen e intercambien datos estructurados de forma segura y confiable a través de la web, como en bancos o reservas de vuelos, mediante mensajes XML que definen un sobre (Envelope) con encabezado y cuerpo.
¿Cómo se usa SVG?
Se usa SVG (Scalable Vector Graphics) para gráficos web escalables como logos e iconos, animaciones y visualizaciones de datos, ya que es un formato vectorial basado en XML que permite ampliarlo sin perder calidad, usando código para definir formas, colores y efectos, interactuando con CSS y JavaScrip.
¿Cómo se usa WSDL?
Se usa para que una aplicación cliente entienda cómo interactuar con un servicio web (generalmente SOAP) leyendo su "contrato" en XML, el cual detalla sus operaciones (métodos), tipos de datos, protocolos (como HTTP) y ubicación (URL); el cliente usa esta información para construir peticiones SOAP y recibir respuestas, permitiendo la comunicación entre sistemas heterogéneos.
¿Cómo se usa Headers HTTPS?
En la web son metadatos que viajan entre navegador y servidor para gestionar la comunicación segura (HTTPS), el rendimiento y la funcionalidad, configurándose en el servidor (Apache/Nginx) o código (PHP, Node.js) para controlar la seguridad (CORS, HSTS), caché y contenido, permitiendo una experiencia web más rápida y segura.
¿Cómo se usa Caching?
Se usa guardando copias temporales de datos frecuentemente usados en una memoria rápida para acceder a ellos más rápido, evitando ir a la fuente original (servidor, base de datos) cada vez, mejorando el rendimiento de navegadores, aplicaciones y servidores.
¿Cómo se usan los Mircrodatos/RDFa?
Se usan microdatos y RDFa añadiendo atributos especiales (itemscope, itemtype, itemprop para microdatos; vocab, typeof, property, resource para RDFa) directamente en el HTML para describir el contenido semánticamente (como una persona, producto o evento) usando vocabularios como Schema.org, permitiendo a buscadores e aplicaciones entender mejor la información de una página.
20 Estándares WEB
Oscar Alexander López López
Created on January 14, 2026
Start designing with a free template
Discover more than 1500 professional designs like these:
View
Practical Microsite
View
Essential Microsite
View
Akihabara Microsite
View
Essential CV
View
Akihabara Resume
View
Corporate CV
View
Interactive Onboarding Guide
Explore all templates
Transcript
20 Estándares WEB
Oscar Alexander López López6.to Computación "A" PC1-Tecnología
empezar
Introducción
A continuación se presentara 20 estándares web que buscan interoperabilidad, rendimiento y experiencia de usuario consistente.
CSS3
JavaScript
HTML5
WCAG
XML
Caching
DOM
Imagenes optimizadas
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
HTML5
¿Qué es?
Es la versión más reciente y principal del lenguaje HTML, que define la estructura y el contenido de las páginas web, introduciendo etiquetas semánticas, soporte multimedia nativo (, ), APIs para interactividad (canvas, geolocalización) y mejores capacidades para aplicaciones web, todo sin necesidad de plugins, lo que mejora la experiencia en móviles y la optimización para buscadores (SEO). HTML5 se aplica como el estándar fundamental para estructurar y presentar contenido web, introduciendo nuevas etiquetas semánticas (<header>, <nav>, <footer>) para mejorar la organización, accesibilidad y SEO, junto con APIs nativas para video, audio, gráficos y geolocalización.
¿Como se usa?
Imagenes optimizadas
CSS3
JavaScript
HTML5
WCAG
XML
Caching
DOM
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
CSS3
¿Qué es?
CSS3 se aplica en el estándar web vinculándolo a HTML mediante métodos externos (recomendado, con <link>), internos (<style> en <head>) o en línea (style="..."), controlando la presentación visual, diseño, fuentes y animaciones de forma modular y estandarizada por el W3C para asegurar compatibilidad entre navegadores modernos, utilizando características como selectores, propiedades y comportamientos avanzados como Flexbox, Grid y animaciones para crear experiencias web ricas y responsivas.
¿Como se usa?
Imagenes optimizadas
CSS3
JavaScript
HTML5
WCAG
XML
Caching
DOM
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
JavaScript
¿Qué es?
Crea interactividad en las páginas, manipulando el DOM para cambiar contenido y estilo en tiempo real, validando formularios, gestionando eventos (como clics) y realizando peticiones asíncronas, todo esto ejecutándose en el navegador del usuario y vinculado a HTML mediante la etiqueta <script> o archivos externos, para mejorar la experiencia del usuario sin recargar la página.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
Caching
DOM
Imagenes optimizadas
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
WCAG
¿Qué es?
Significa implementar directrices del W3C para asegurar que sitios y aplicaciones sean perceptibles, operables, comprensibles y robustos, mediante alternativas textuales, contraste adecuado, navegación por teclado y compatibilidad con tecnologías de asistencia, logrando conformidad en niveles A, AA (el estándar legal común) o AAA, integrando la accesibilidad desde el diseño y realizando pruebas continuas con usuarios reales.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
Caching
DOM
Imagenes optimizadas
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
Imagenes optimizadas
¿Qué es?
Aplicar imágenes optimizadas en la web implica usar formatos adecuados (JPEG, PNG, WebP), comprimirlas para reducir el peso del archivo sin perder calidad, redimensionarlas a las dimensiones correctas, usar atributos como alt (texto alternativo) para accesibilidad y SEO, implementar lazy loading (loading="lazy") para carga diferida, y nombrar archivos descriptivamente, todo para mejorar la velocidad de carga, la experiencia de usuario y el posicionamiento en buscadores.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
Caching
DOM
Imagenes optimizadas
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
DOM
¿Qué es?
El DOM (Document Object Model) se aplica en el estándar web como una interfaz programática que representa la estructura de una página web (HTML/XML) como un árbol de objetos (nodos), permitiendo a JavaScript acceder, modificar y manipular dinámicamente su contenido, estructura y estilos en tiempo real, transformando así el contenido estático en experiencias interactivas y dinámicas.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
Caching
DOM
Imagenes optimizadas
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
Caching
¿Qué es?
El caching en el contexto de los estándares web se aplica mediante reglas y mecanismos definidos por protocolos y APIs estandarizadas, principalmente para mejorar el rendimiento, reducir latencia y ahorrar ancho de banda
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
XML
¿Qué es?
e aplica principalmente para estructurar, transportar y almacenar datos de forma legible para humanos y máquinas, complementando a HTML (que se enfoca en la presentación) mediante su uso en APIs para intercambio de datos, archivos de configuración, metadatos, y en estándares como MathML, permitiendo la interoperabilidad entre sistemas y la creación de contenido web dinámico y personalizable.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
JSON
¿Qué es?
se aplica en la web como el lenguaje estándar para el intercambio de datos, especialmente en APIs REST, donde servidores y clientes se comunican enviando y recibiendo información estructurada (como datos de usuario, productos) en formato {clave: valor}, permitiendo aplicaciones dinámicas y rápidas, además de usarse en archivos de configuración y bases de datos NoSQL.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
Microdatos/RDFa
¿Qué es?
Añade atributos especiales a las etiquetas HTML (como <span>, <div>, <a>) para describir semánticamente el contenido visible, usando vocabularios como Schema.org para definir entidades (personas, productos, eventos) y sus propiedades (itemscope, itemtype, itemprop para Microdatos; vocab, typeof, property para RDFa).
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
SVG
¿Qué es?
SVG se aplica en estándares web principalmente como gráficos escalables (logos, iconos) incrustados directamente en HTML usando la etiqueta <svg> para estilos dinámicos con CSS/JS, o referenciados como archivos externos (con <img src="imagen.svg">), ofreciendo calidad nítida en cualquier tamaño y optimización para web responsive, lo que lo hace ideal para adaptabilidad y rendimiento.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
WebGL
¿Qué es?
WebGL se aplica como una API de JavaScript estándar en el elemento HTML <canvas> para renderizar gráficos 2D y 3D acelerados por hardware (GPU) directamente en el navegador, sin plugins, permitiendo crear experiencias interactivas y visualmente ricas mediante el uso de Shaders (GLSL) para controlar la GPU.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
RESTful APIs
¿Qué es?
Las APIs RESTful se aplican en el estándar web como una forma de arquitecturas cliente-servidor que usan el protocolo HTTP para interactuar con recursos (datos) de forma uniforme y sin estado, utilizando sustantivos para URIs (ej. /usuarios) y verbos HTTP (GET, POST, PUT, DELETE) para acciones, devolviendo respuestas en formatos ligeros como JSON o XM
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
GraphQL
¿Qué es?
GraphQL se aplica como un estándar web permitiendo que clientes (frontends) soliciten exactamente los datos que necesitan a través de un único endpoint HTTP, definiendo su estructura con un esquema en el backend, lo que permite flexibilidad al desarrollador, evita el sobre-fetching y sub-fetching de datos común en REST, e implementa operaciones de consulta (query), mutación (mutation) y suscripción (subscription) para una API declarativa y eficiente.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
SOAP
¿Qué es?
Se aplica como un protocolo para el intercambio de mensajes estructurados (XML) entre aplicaciones distribuidas, usando protocolos de transporte como HTTP/HTTPS, donde un cliente envía una petición en un sobre XML (con encabezado y cuerpo) a un servidor, y este devuelve una respuesta XML, siendo fundamental para integración empresarial y servicios financieros por su robustez y seguridad, definiendo un marco estandarizado y extensible para la comunicación de servicios web.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
WSDL
¿Qué es?
se aplica en el estándar web como un contrato en XML que describe un servicio web, permitiendo a clientes de cualquier tecnología interactuar con él definiendo sus operaciones, parámetros, tipos de datos y cómo acceder a él (protocolo y URL), esencialmente actuando como un puente que especifica la interfaz abstracta y los detalles concretos para el consumo de servicios, usualmente junto con SOAP para la mensajería.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
Diseño Responsivo
¿Qué es?
Se aplica en el contexto estándar web usando unidades relativas (%), cuadrículas fluidas, imágenes flexibles, y sobre todo, Media Queries en CSS para adaptar estilos según el tamaño de pantalla, adoptando una estrategia "mobile-first" (diseñar primero para móvil) y probando en diversos dispositivos para una experiencia consistente y optimizada en cualquier dispositivo, cumpliendo así estándares modernos de usabilidad y rendimiento.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
Validación de Código
¿Qué es?
La validación de código en estándares web se aplica usando herramientas automáticas (como el validador W3C para HTML/CSS) para verificar la conformidad con las especificaciones (DTD/Esquemas), declarando el estándar (DOCTYPE) en el documento y siguiendo buenas prácticas (sanitización, expresiones regulares, rangos) en el código, para asegurar que funcione en distintos navegadores y herramientas, mejorando accesibilidad y SEO.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
HTTPS
¿Qué es?
Se aplica al cifrar la comunicación HTTP con SSL/TLS, requiriendo un certificado digital en el servidor para autenticar el sitio y cifrar datos (contraseñas, pagos) entre navegador y servidor, usando el puerto 443 en lugar del 80, y siendo hoy un estándar esencial que asegura confidencialidad, integridad y autenticidad, marcado por un candado en el navegador.
¿Como se usa?
CSS3
JavaScript
HTML5
WCAG
XML
DOM
Imagenes optimizadas
Caching
SVG
RESTful APIs
WebGL
JSON
Microdatos/RDFa
WSDL
SOAP
GraphQL
Diseño Responsivo
HTTPS
Headers HTTP
Validación de Código
Headers HTTP
¿Qué es?
Son metadatos cruciales en la comunicación web que van en las peticiones (cliente a servidor) y respuestas (servidor a cliente), controlando la interacción, la seguridad, el caché y el tipo de contenido, y se aplican como información clave que el navegador y el servidor interpretan para procesar la solicitud, desde el agente de usuario hasta políticas de seguridad como HSTS para forzar HTTPS, funcionando como el "lenguaje" invisible que mantiene la web en funcionamiento según estándares universales.
¿Como se usa?
¿Cómo se usa HTTPS?
Se usa en la web para cifrar la comunicación entre tu navegador y un sitio web, protegiendo datos sensibles como contraseñas y pagos mediante certificados digitales (SSL/TLS) que garantizan la autenticidad del sitio y previenen ataques.
¿Cómo se usa WCAG?
Implica diseñar y desarrollar sitios web y aplicaciones siguiendo sus cuatro principios fundamentales: Perceptible, Operable, Comprensible y Robusto (POUR), asegurando que todos los usuarios, incluyendo aquellos con discapacidades, puedan interactuar con el contenido a través de alternativas para imágenes (texto alternativo), navegación solo con teclado, buen contraste de color, subtítulos en videos y un diseño claro, lo que se verifica con niveles de conformidad (A, AA, AAA) y herramientas de prueba.
¿Como se usa la Validación de Código?
Se usa para verificar que tu HTML, CSS u otro código cumpla con los estándares, utilizando herramientas como el Validador HTML del W3C donde ingresas la URL, subes un archivo o pegas el código para que te indique errores y advertencias, lo que mejora la compatibilidad, el SEO y la accesibilidad.
¿Cómo se usa la WebGL?
Se usa principalmente para renderizar gráficos 2D y 3D interactivos directamente en el navegador, usando JavaScript para controlar la lógica y shaders (código para la GPU) para los efectos visuales, creando aplicaciones como visualizaciones de datos, juegos y simulaciones sin plugins, gestionando contextos, buffers y texturas.
¿Cómo se usa JSON?
Se usa JSON para organizar datos en pares clave-valor dentro de llaves {} (objetos) o listas entre corchetes [] (arrays), ideal para transferir información entre sistemas web, definiendo claves (entre comillas dobles) y sus valores (texto entre comillas, números sin comillas, booleanos true/false) separados por dos puntos, y cada par o elemento por comas. Los programas (como JavaScript) luego interpretan estos datos estructurados para mostrarlos o procesarlos.
¿Cómo se usa CSS3?
Se usa para dar estilo visual a páginas web, separando contenido (HTML) de diseño, mediante selectores para apuntar elementos HTML, y propiedades/valores para definir su apariencia, incorporando características avanzadas como animaciones, transiciones, flexbox/grid para diseños responsive, y efectos con sombras y degradados, todo dentro de archivos .css vinculados al HTML para crear interfaces atractivas y funcionales.
¿Cómo se usa RESTful APIs?
Usar una RESTful API implica enviar solicitudes HTTP (GET, POST, PUT, DELETE) a endpoints (URLs) específicos de un servidor para interactuar con recursos (datos), usando a menudo JSON para el formato de los datos, siguiendo la documentación de la API para estructurar las peticiones con encabezados y parámetros.
¿Cómo se usa Imagenes Optimizadas?
Usar imágenes optimizadas para la web implica reducir su tamaño sin perder calidad mediante compresión, elegir el formato correcto (JPEG para fotos, PNG para transparencia, SVG para gráficos), redimensionarlas al tamaño necesario, usar carga diferida (lazy loading) y añadir texto alternativo (alt text) para mejorar la velocidad, SEO y experiencia de usuario.
¿Cómo se usa el Diseño Responsivo?
Se usa adaptando un sitio web a cualquier tamaño de pantalla (móvil, tablet, escritorio) mediante técnicas como cuadrículas flexibles, imágenes fluidas y consultas de medios (media queries) en CSS, reubicando y redimensionando elementos automáticamente para ofrecer una buena experiencia de usuario, priorizando el enfoque "mobile first" y usando HTML y CSS para una única versión del sitio que se ajuste dinámicamente.
¿Como se usa XML?
Se usa XML creando archivos con etiquetas para describir y estructurar datos, como un lenguaje de marcado que define la jerarquía y el significado de la información para que sea legible por humanos y máquinas, facilitando el intercambio de datos entre sistemas, almacenando información en bases de datos, o definiendo la estructura de documentos, configuraciones y hasta interfaces gráficas, mediante etiquetas de apertura y cierre bien definidas.
¿Cómo se usa GraphQL?
Definiendo un esquema de tipos para tu API y luego haciendo consultas declarativas desde el cliente para pedir exactamente los datos que necesitas, evitando el exceso de información (overfetching) o la falta de ella (underfetching).
¿Cómo se usa JavaScript?
Se usa principalmente para añadir interactividad y dinamismo a páginas web, ejecutándose en el navegador del usuario para crear menús desplegables, validaciones de formularios, efectos visuales y cargar contenido sin recargar, todo esto dentro de un archivo HTML (usando <script>) o en un archivo .js externo enlazado; también se extiende a desarrollo backend (Node.js), aplicaciones móviles y videojuegos.
¿Cómo usar DOM?
Se usa principalmente en desarrollo web para manipular dinámicamente páginas HTML y XML usando JavaScript, permitiendo cambiar contenido, estilos y estructura en tiempo real mediante una representación en forma de árbol de los elementos de la página, como seleccionar nodos, modificar sus atributos o añadir/eliminar elementos en respuesta a interacciones del usuario.
¿Cómo se usa HTML5?
Se usa para estructurar el contenido de una página web mediante etiquetas (como <h1>, <p>, <img>, <video>), creando el esqueleto visual que los navegadores interpretan, permitiendo multimedia nativa, diseño adaptable y nuevas funciones como geolocalización, y se escribe en un archivo .html para definir texto, imágenes y elementos interactivos, usando CSS para el estilo y JavaScript para la funcionalidad.
¿Como se usa SOAP?
Se usa principalmente para que sistemas diferentes se comuniquen e intercambien datos estructurados de forma segura y confiable a través de la web, como en bancos o reservas de vuelos, mediante mensajes XML que definen un sobre (Envelope) con encabezado y cuerpo.
¿Cómo se usa SVG?
Se usa SVG (Scalable Vector Graphics) para gráficos web escalables como logos e iconos, animaciones y visualizaciones de datos, ya que es un formato vectorial basado en XML que permite ampliarlo sin perder calidad, usando código para definir formas, colores y efectos, interactuando con CSS y JavaScrip.
¿Cómo se usa WSDL?
Se usa para que una aplicación cliente entienda cómo interactuar con un servicio web (generalmente SOAP) leyendo su "contrato" en XML, el cual detalla sus operaciones (métodos), tipos de datos, protocolos (como HTTP) y ubicación (URL); el cliente usa esta información para construir peticiones SOAP y recibir respuestas, permitiendo la comunicación entre sistemas heterogéneos.
¿Cómo se usa Headers HTTPS?
En la web son metadatos que viajan entre navegador y servidor para gestionar la comunicación segura (HTTPS), el rendimiento y la funcionalidad, configurándose en el servidor (Apache/Nginx) o código (PHP, Node.js) para controlar la seguridad (CORS, HSTS), caché y contenido, permitiendo una experiencia web más rápida y segura.
¿Cómo se usa Caching?
Se usa guardando copias temporales de datos frecuentemente usados en una memoria rápida para acceder a ellos más rápido, evitando ir a la fuente original (servidor, base de datos) cada vez, mejorando el rendimiento de navegadores, aplicaciones y servidores.
¿Cómo se usan los Mircrodatos/RDFa?
Se usan microdatos y RDFa añadiendo atributos especiales (itemscope, itemtype, itemprop para microdatos; vocab, typeof, property, resource para RDFa) directamente en el HTML para describir el contenido semánticamente (como una persona, producto o evento) usando vocabularios como Schema.org, permitiendo a buscadores e aplicaciones entender mejor la información de una página.