HTML living standard

Actualizado 25 de Julio de 2025

El estándar HTML Living Standard es la especificación en vivo del lenguaje HTML, que se actualiza continuamente para reflejar las últimas prácticas y tecnologías web. Este estándar es mantenido

Fundamentos accesibilidad

La accesibilidad web es el diseño de sitios web que pueden ser utilizados por todas las personas, incluidas aquellas con discapacidades. Esto implica crear contenido que sea fácil de navegar, entender y utilizar para todos los usuarios, independientemente de sus capacidades físicas o tecnológicas.

Estándar accesibilidad

El estándar de accesibilidad web proporciona pautas y principios para garantizar que los sitios web sean accesibles para personas con discapacidades. Estas pautas incluyen recomendaciones sobre el uso de texto alternativo para imágenes, la estructura semántica del contenido, el uso de colores y contrastes adecuados, y la navegación intuitiva. El objetivo es crear una experiencia web inclusiva que permita a todos los usuarios acceder a la información y servicios en línea sin barreras.

CSS snapshot 2025

El CSS snapshot 2025 es una recopilación de las características y propiedades CSS que se espera que sean ampliamente adoptadas y estandarizadas en el año 2025. Este documento proporciona una visión general de las nuevas características, mejoras y cambios en el lenguaje CSS, incluyendo nuevas propiedades, valores y funciones que se han introducido para mejorar la flexibilidad y el control del diseño web. El objetivo es proporcionar a los desarrolladores una guía sobre las mejores prácticas y las últimas tendencias en el uso de CSS para crear sitios web modernos y responsivos.

Valores y unidades

El estándar de valores y unidades en CSS define las diferentes unidades de medida que se pueden utilizar para especificar tamaños, distancias y otros valores en el diseño web. Estas unidades incluyen unidades absolutas como píxeles (px), centímetros (cm) y pulgadas (in), así como unidades relativas como em, rem y porcentajes (%). Además, el estándar también introduce nuevas unidades y funciones que permiten a los desarrolladores trabajar con medidas más flexibles y adaptativas, facilitando la creación de diseños responsivos y escalables. El objetivo es proporcionar una base sólida para el uso de valores y unidades en CSS, permitiendo a los desarrolladores crear estilos coherentes y adaptativos en diferentes dispositivos y resoluciones de pantalla.

Box-model Level 3

El Box-model Level 3 es una especificación que define cómo se calculan y aplican los márgenes, bordes, rellenos y dimensiones de los elementos en CSS. Esta especificación introduce mejoras en la forma en que se manejan los modelos de caja, permitiendo un mayor control sobre el diseño y la presentación de los elementos en la web. Incluye nuevas propiedades y valores que permiten a los desarrolladores ajustar el comportamiento de los elementos de manera más precisa, facilitando la creación de diseños complejos y responsivos. El objetivo es proporcionar una base sólida para el uso del modelo de caja en CSS, permitiendo a los desarrolladores crear estilos coherentes y adaptativos en diferentes dispositivos y resoluciones de pantalla.

Color module Level 4

El Color module Level 4 es una especificación que define cómo se manejan los colores en CSS, incluyendo nuevas funciones y propiedades para trabajar con colores de manera más flexible y precisa. Esta especificación introduce nuevas formas de definir colores, como el uso de espacios de color avanzados, funciones de manipulación de colores y nuevas propiedades para aplicar colores a diferentes partes de los elementos. El objetivo es proporcionar a los desarrolladores una base sólida para trabajar con colores en CSS, permitiendo la creación de diseños más ricos y visualmente atractivos. Además, se busca mejorar la accesibilidad y la usabilidad de los colores en la web, asegurando que los colores utilizados sean legibles y contrasten adecuadamente para todos los usuarios.

Borders and background Level 3

La especificación de bordes y fondos en CSS define cómo se aplican los bordes y fondos a los elementos HTML, incluyendo nuevas propiedades y valores para personalizar la apariencia de los bordes y fondos. Esta especificación introduce nuevas funciones para crear bordes más complejos, como bordes redondeados, bordes múltiples y fondos con imágenes y gradientes. Además, se incluyen mejoras en la forma en que se manejan los fondos, permitiendo a los desarrolladores aplicar imágenes de fondo, gradientes y patrones de manera más flexible y precisa. El objetivo es proporcionar a los desarrolladores una base sólida para trabajar con bordes y fondos en CSS, permitiendo la creación de diseños más ricos y visualmente atractivos. Además, se busca mejorar la accesibilidad y la usabilidad de los bordes y fondos en la web, asegurando que los elementos sean legibles y contrasten adecuadamente para todos los usuarios.

Imágenes Level 3

La especificación de imágenes en CSS define cómo se manejan las imágenes de fondo y los elementos de imagen en la web. Esta especificación introduce nuevas propiedades y valores para trabajar con imágenes de manera más flexible y precisa, permitiendo a los desarrolladores crear diseños más ricos y visualmente atractivos. Además, se busca mejorar la accesibilidad y la usabilidad de las imágenes en la web, asegurando que sean legibles y contrasten adecuadamente para todos los usuarios.

Fonts Level 3

La especificación de fuentes en CSS define cómo se manejan las fuentes tipográficas en la web, incluyendo nuevas propiedades y valores para trabajar con fuentes de manera más flexible y precisa. Esta especificación introduce nuevas funciones para definir fuentes, como el uso de fuentes personalizadas, fuentes variables y nuevas propiedades para aplicar fuentes a diferentes partes de los elementos. El objetivo es proporcionar a los desarrolladores una base sólida para trabajar con fuentes en CSS, permitiendo la creación de diseños más ricos y visualmente atractivos. Además, se busca mejorar la accesibilidad y la usabilidad de las fuentes en la web, asegurando que las fuentes utilizadas sean legibles y contrasten adecuadamente para todos los usuarios.

Writing Modes Level 3

La especificación de modos de escritura en CSS define cómo se manejan los diferentes modos de escritura en la web, incluyendo nuevos valores y propiedades para trabajar con diferentes direcciones de texto y alineación. Esta especificación introduce nuevas funciones para definir modos de escritura, como el uso de direcciones de texto verticales y horizontales, así como nuevas propiedades para aplicar alineación y dirección de texto a diferentes partes de los elementos. El objetivo es proporcionar a los desarrolladores una base sólida para trabajar con modos de escritura en CSS, permitiendo la creación de diseños más ricos y visualmente atractivos. Además, se busca mejorar la accesibilidad y la usabilidad de los modos de escritura en la web, asegurando que los textos sean legibles y contrasten adecuadamente para todos los usuarios.

Multicolumn Layout Level 1

La especificación de diseño multicolumna en CSS define cómo se manejan los diseños de múltiples columnas en la web, incluyendo nuevas propiedades y valores para trabajar con columnas de manera más flexible y precisa. Esta especificación introduce nuevas funciones para definir columnas, como el uso de anchos de columna, espacios entre columnas y nuevas propiedades para aplicar estilos a diferentes partes de las columnas. El objetivo es proporcionar a los desarrolladores una base sólida para trabajar con diseños multicolumna en CSS, permitiendo la creación de diseños más ricos y visualmente atractivos. Además, se busca mejorar la accesibilidad y la usabilidad de los diseños multicolumna en la web, asegurando que las columnas sean legibles y contrasten adecuadamente para todos los usuarios.

Basic User Interface (UI) Level 3

La especificación de interfaz de usuario básica en CSS define cómo se manejan los elementos de la interfaz de usuario en la web, incluyendo nuevas propiedades y valores para trabajar con elementos de la interfaz de manera más flexible y precisa. Esta especificación introduce nuevas funciones para definir elementos de la interfaz, como botones, campos de entrada y menús, así como nuevas propiedades para aplicar estilos a diferentes partes de los elementos de la interfaz. El objetivo es proporcionar a los desarrolladores una base sólida para trabajar con la interfaz de usuario en CSS, permitiendo la creación de diseños más ricos y visualmente atractivos. Además, se busca mejorar la accesibilidad y la usabilidad de los elementos de la interfaz en la web, asegurando que sean legibles y contrasten adecuadamente para todos los usuarios.

Flexbox Level 1

La especificación de Flexbox en CSS define cómo se manejan los diseños flexibles en la web, permitiendo a los desarrolladores crear diseños más complejos y adaptables. Esta especificación introduce nuevas propiedades y valores para trabajar con contenedores flexibles y elementos flexibles, facilitando la alineación, distribución y orden de los elementos en un diseño. El objetivo es proporcionar a los desarrolladores una base sólida para trabajar con diseños flexibles en CSS, permitiendo la creación de interfaces de usuario más dinámicas y responsivas. Además, se busca mejorar la accesibilidad y la usabilidad de los diseños flexibles en la web, asegurando que sean legibles y contrasten adecuadamente para todos los usuarios.

Grid Layout Level 2

La especificación de Grid Layout en CSS define cómo se manejan los diseños de cuadrícula en la web, permitiendo a los desarrolladores crear diseños más complejos y adaptables. Esta especificación introduce nuevas propiedades y valores para trabajar con contenedores de cuadrícula y elementos de cuadrícula, facilitando la alineación, distribución y orden de los elementos en un diseño. El objetivo es proporcionar a los desarrolladores una base sólida para trabajar con diseños de cuadrícula en CSS, permitiendo la creación de interfaces de usuario más dinámicas y responsivas. Además, se busca mejorar la accesibilidad y la usabilidad de los diseños de cuadrícula en la web, asegurando que sean legibles y contrasten adecuadamente para todos los usuarios.

Media Queries Level 4

La especificación de Media Queries en CSS define cómo se manejan las consultas de medios en la web, permitiendo a los desarrolladores aplicar estilos específicos según las características del dispositivo, como el tamaño de la pantalla, la orientación y la resolución. Esta especificación introduce nuevas funciones y propiedades para trabajar con consultas de medios de manera más flexible y precisa, facilitando la creación de diseños responsivos y adaptativos. El objetivo es proporcionar a los desarrolladores una base sólida para trabajar con consultas de medios en CSS, permitiendo la creación de interfaces de usuario más dinámicas y responsivas. Además, se busca mejorar la accesibilidad y la usabilidad de los diseños responsivos en la web, asegurando que sean legibles y contrasten adecuadamente para todos los usuarios.

Transforms Level 1

La especificación de Transformaciones en CSS define cómo se manejan las transformaciones de los elementos en la web, permitiendo a los desarrolladores aplicar rotaciones, escalados, traslaciones y sesgados a los elementos. Esta especificación introduce nuevas funciones y propiedades para trabajar con transformaciones de manera más flexible y precisa, facilitando la creación de efectos visuales dinámicos y atractivos. El objetivo es proporcionar a los desarrolladores una base sólida para trabajar con transformaciones en CSS, permitiendo la creación de interfaces de usuario más ricas y visualmente impactantes. Además, se busca mejorar la accesibilidad y la usabilidad de los efectos de transformación en la web, asegurando que sean legibles y contrasten adecuadamente para todos los usuarios.

Shapes Level 1

La especificación de Formas en CSS define cómo se manejan las formas geométricas en la web, permitiendo a los desarrolladores crear diseños más complejos y adaptables utilizando formas personalizadas. Esta especificación introduce nuevas propiedades y valores para trabajar con formas, facilitando la creación de diseños más ricos y visualmente atractivos. El objetivo es proporcionar a los desarrolladores una base sólida para trabajar con formas en CSS, permitiendo la creación de interfaces de usuario más dinámicas y responsivas. Además, se busca mejorar la accesibilidad y la usabilidad de las formas en la web, asegurando que sean legibles y contrasten adecuadamente para todos los usuarios.

Transitions Level 1

La especificación de Transiciones en CSS define cómo se manejan las transiciones entre diferentes estados de los elementos en la web, permitiendo a los desarrolladores crear efectos visuales suaves y atractivos al cambiar propiedades CSS. Esta especificación introduce nuevas funciones y propiedades para trabajar con transiciones de manera más flexible y precisa, facilitando la creación de animaciones y efectos visuales dinámicos. El objetivo es proporcionar a los desarrolladores una base sólida para trabajar con transiciones en CSS, permitiendo la creación de interfaces de usuario más ricas y visualmente impactantes. Además, se busca mejorar la accesibilidad y la usabilidad de las transiciones en la web, asegurando que sean legibles y contrasten adecuadamente para todos los usuarios.

Animations Level 1

La especificación de Animaciones en CSS define cómo se manejan las animaciones de los elementos en la web, permitiendo a los desarrolladores crear efectos visuales dinámicos y atractivos al cambiar propiedades CSS a lo largo del tiempo. Esta especificación introduce nuevas funciones y propiedades para trabajar con animaciones de manera más flexible y precisa, facilitando la creación de animaciones complejas y personalizadas. El objetivo es proporcionar a los desarrolladores una base sólida para trabajar con animaciones en CSS, permitiendo la creación de interfaces de usuario más ricas y visualmente impactantes. Además, se busca mejorar la accesibilidad y la usabilidad de las animaciones en la web, asegurando que sean legibles y contrasten adecuadamente para todos los usuarios.