---
title: 'Estandares Web W3C'
author: Mónica Lameda
disqus: hackmd
---

Estándares Web W3C - Qué son, cómo funcionan y para qué se usan
===

> [name=monikalh] [time=Jun 12, 2021 ]


Actualmente, los teléfonos móviles, teléfonos inteligentes, PDAs, TV Smats, sistemas de respuesta de voz, puntos de información e incluso algunos electrodomésticos pueden acceder a la Web. Haciendo necesario que se desarrollen estándares web, para obtener acceso a la Web desde cualquier dispositivo desde algo tan sencillo, fácil y práctico como lo es desde un dispositivo de sobremesa.

## Tabla de Contenidos

[TOC]

## ¿Qué es un estándar?
Un estándar es un **conjunto de reglas normalizadas** que describen los requisitos que deben ser cumplidos por un producto, proceso o servicio, con el objetivo de establecer un mecanismo base para permitir que distintos elementos hardware o software que lo utilicen, sean compatibles entre sí.

## ¿Qué son los estándares web?

Son lenguajes Web, protocolos y tecnologías **inter-operativas** e **internacionales** creadas con la finalidad de guiar la Web hacia su máximo potencial a través del desarrollo de protocolos y pautas estandarizadas.

Con el objetivo de que la Web alcance su máximo potencial, las tecnologías Web más destacadas deben ser compatibles entre sí y **permitir que cualquier hardware y software para acceder a la Web funcione conjuntamente**.

El W3C hace referencia a este objetivo denominándolo "**interoperabilidad Web**".

## ¿Qué es el W3C?
El World Wide Web Consortium (W3C) es una comunidad internacional donde las organizaciones Miembro, personal a tiempo completo y el público en general trabajan conjuntamente para desarrollar **estándares web internacionales: HTML, CSS y muchos más**. Los estándares de W3C se llaman **[Recomendaciones del W3C](https://www.w3.org/WAI/standards-guidelines/es)**.

El soporte para la accesibilidad de todos los estándares de W3C es revisado por el Grupo de Trabajo de Arquitecturas de Plataforma Accesible - APA (en Inglés). Liderado por el inventor de la Web Tim Berners-Lee y el Director Ejecutivo (CEO) Jeffrey Jaffe, **la misión del W3C es guiar la Web hacia su máximo potencial**.

> Para saber más sobre W3C ingresa a: https://www.w3.org/WAI/about//

¿Cuáles son los estándares web W3C?
---
Entre los estándares web W3C más usados y conocidos, es posible encontrar:

* **Javascript**, el cual otorga dinamismo y funcionalidad a la web.
* **HTML** por sus siglas en inglés “HyperText Markup Language”, define y presenta la estructura de los documentos web.
* **CSS**, por sus siglas en inglés “Cascading Style Sheets”, el cual permite la asignación de estilos para la correcta representación de los documentos.
* **XML**, por sus siglas en inglés “eXtensible Markup Language”, cuya función es la de base para un número extenso de tecnologías.

## ¿Cómo funcionan los estándares web W3C?
La creación de un estándar requiere de un proceso controlado en el que especialistas en la materia aseguran la calidad depurando las especificaciones antes de recomendarlas en la W3C.

Los sitios web son construidos a través de un lenguaje llamado por sus siglas HTML (Hypertext Markup Languaje) y CSS (Cascade Style Sheet) estas instrucciones o etiquetas sin el cumplimiento de los estándares o la validación correcta pueden presentar diferencias o errores si se visualizan desde diferentes navegadores web (Chrome, Mozilla, IE, Edge, Opera, entre otros) por lo tanto es importante seguir los estándares, se puede cometer el error de usar etiquetas que están desfasadas o etiquetas que para algunos navegadores no son reconocidas.


En el caso de JS **W3C** le da la potestad a un consorcio llamado Ecma TC39, donde el comité que se encarga de hacer que ECMAScript sea mejor y fácil de usar; estos han creado muchas especificaciones que ayudan a la comunidad JS a evolucionar.
El proceso TC39 tiene cinco etapas diferentes para obtener la especificación en vivo.

* Etapa 0: Strawperson - para permitir la entrada en las especificaciones
* Etapa 1: Propuesta: exponga el caso de la adición, describa la solución e identifique los desafíos potenciales.
* Etapa 2: Borrador: describe la sintaxis y la semántica utilizando un lenguaje de especificaciones formal
* Etapa 3: Candidato: afirma que un mayor refinamiento necesitará comentarios de las implementaciones y los usuarios.
* Etapa 4: Terminado: establece que la adición está lista para su inclusión en el estándar formal ECMAScript
Los estandares en Etapa 3 normalmente son los que se publican, y cuando una propuesta esta en Etapa 2 normalmente se libera a los desarrolladores y ya se puede usar pero no por eso se vuelve un estandar y es posible que sea retirado
>Para ver estos los estándares puedes visitar: https://www.w3.org/TR/

## ¿Para qué sirven lo estándares web W3C?

Estos estándares sirven para comprobar:
* **Calidad de código**: Usar correctamente las etiquetas, no usar id repetidos, evitar errores de JavaScript, entre otros.
* **Grado de separación entre contenido y su presentación**: Implementar correctamente el código CSS para todos los aspectos de la presentación .
* **Accesibilidad para usuarios**: Utilizar los atributos "alt" para todas las imágenes, usar enlaces descriptivos, contraste en los colores, entre otros.
* **Accesibilidad para dispositivos**: Funciona en la mayoría de navegadores y sus versiones más antiguas, valida si funciona en dispositivos móviles y en diferentes tamaños de pantalla, entre otros.
* **Usabilidad básica**: No tiene enlaces rotos, usa una página 404 personalizada, usa urls amigables, entre otros.

### SEO para sitios web
Los estándares web W3C traen consigo ciertas ventajas para su sitio web, como la reducción del tiempo requerido para el desarrollo y mantenimiento del sitio, la simplificación del código fuente y el apoyo que representa en su estrategia SEO.

La validación de W3C es solo uno de los aspectos dentro de la práctica del SEO (Search Engine Optimization) para sitios web. Consiste en dar cumplimiento a diferentes reglas y configuraciones con el objetivo de lograr el mayor rendimiento posible en cuanto a la velocidad y mejorar el posicionamiento en los Motores de Búsqueda (Google, Bing...). Google para desarrolladores provee una herramienta muy útil para identificar errores y las posibles configuraciones o acciones a realizar para solventarlos. Se trata de PageSpeed Insights - Google Developers

Esta métrica es más exhaustiva y comprueba las buenas prácticas realizadas para lograr que el sitio web sea más rápido, entre los consejos más importantes están:
* Minimizar el código JavaScript, HTML y CSS
* Usa un tamaño adecuado para las imágenes
* Usa una política de caché eficaz en recursos estáticos
* Evita que haya varias redirecciones de página
* Evita cargas de archivos demasiado grandes.
* Entre otras.

---

###### Tags: `Estandares Web` `W3C` `Desarrollo web` `Accesibilidad web`
> [name=Mónica Lameda] [time=Jun 12, 2021 ]

:::info
**Te gustó este artículo?** Deja un comentario
:::