Estándares Web , Validación De Aplicaciones y Páginas Web

Qué son los Estándares Web

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í.

El W3C, organización independiente y neutral, desarrolla estándares relacionados con la Web también conocidos como Recomendaciones, que sirven como referencia para construir una Web accesible, interoperable y eficiente, en la que se puedan desarrollar aplicaciones cada vez más robustas.

En la creación de las Recomendaciones del W3C participan sus Miembros (más de 400 organizaciones, distribuidas a lo largo de todo el mundo y de diversos ámbitos: grandes empresas de hardware o software, centros investigadores, universidades, administraciones públicas, etc.), el Equipo del W3C, expertos invitados, y cualquier usuario de la Web que quiera mostrar su opinión. Todos ellos trabajan conjuntamente a través de un proceso basado en el consenso, la neutralidad y la transparencia de la información.

   Funcionan

La creación de un estándar Web requiere un proceso controlado, que consta de varias etapas que aseguran la calidad de la especificación. Este proceso permite la intervención de todos los usuarios de las tecnologías, con el objetivo de que puedan aportar su conocimiento y opiniones para la mejora de los documentos.

Tras este proceso, elaborado por especialistas en la materia, se obtienen unos estándares de calidad, y al estar disponible para todo el mundo, las especificaciones se depuran exhaustivamente antes de ser consideradas como Recomendación.

Estos estándares, están sujetos a la Política de Patentes del W3C, lo que permite que sean utilizados libremente por toda la comunidad Web. 

Generalmente, lo que el término “Estándares Web” abarca incluye las siguientes áreas:

•        Código HTML/XHTML válido
•        Código semánticamente correcto.
•        Separación del contenido (HTML/XHTML), presentación (CSS) e interacción                    (JavaScript).

Código HTML/XHTML válido.

Aunque para la mayor parte de las personas esto sólo se refiere al código HTML/XHTML, hay también instrumentos para validar el código CSS. Básicamente, validar el HTML/XHTML consiste en verificar que el código de la página web esté escrito de acuerdo a las definiciones dadas por el doctype que se ha elegido para el documento

.

Es muy importante elegir el doctype con cuidado, porque va a afectar la manera en que el código HTML/XHTML es interpretado y qué modo de layout va a ser activado en los distintos navegadores web. Teniendo código válido, no va a tener que apoyarse en los mecanismos de manejo de error que varían en cada navegador web, sino que el código se supone va a ser renderizado de la misma manera por todos.

Herramientas para validar código

Hay numerosos instrumentos de validación en línea, así como complementos para varios navegadores web. Los más populares:

• WDG HTML Validator 
• Internet Explorer Developer Toolbar 
• 
  

Código Semánticamente Correcto

Algo que a menudo es pasado por alto, es el significado del código semánticamente correcto. La idea es que cada contenido en una página Web debería estar marcado con una etiqueta que comunique su sentido, su valor y objetivo. La explicación de esto es que se deben usar elementos apropiados según el contexto.

Ejemplos de código

Este código es pobre semánticamente

<div class="page-heading">Titulo de la pagina</div>
<div class="text-paragraph">Algo de texto explicando de qué se trata este sitio.</div>
<a class="menu-item" href="/item-1">Menu item 1</a> <a class="menu-item" href="/item-2">Menu item 2</a> <a class="menu-item" href="/item-3">Menu item 3</a>

Este código es rico semánticamente

<h1>Titulo de la pagina</h1>
Algo de texto explicando de que se trata este sitio< /p>
<ul class="menu">
        <li><a href="/item-1">Menu item 1</a></li>
        <li><a href="/item-2">Menu item 2</a></li>
        <li><a href="/item-3">Menu item 3</a></li>
</ul>
 

Las pautas y las recomendaciones para escribir código semántico correctamente son bastante fáciles de seguir.  Simplente usar etiquetas de encabezado (h1-h6) para los diferentes tipos de títulos, etiquetas de párrafo (p) para párrafos de textos, etiquetas de listas (ul, ol, li, etc.) para cualquier clase de listado de tenga, y así sucesivamente.

Esto además le ayudará a identificar con más facilidad las partes de una página Web, y va a disminuir el tiempo de carga del documento porque estará utilizando menos código. Al mismo tiempo simplificará notablemente el mantenimiento de su sitio. Y, no hay que olvidarse de algo muy importante: esto le también ayudará con el SEO (optimización para motores de búsqueda), porque el código semántico ayudará a Google y otros motores de búsqueda a entender correctamente e indexar cada trozo del código, maximizando los resultados.

Separación de contenido (HTML/XHTML), presentación (CSS) e interacción (JavaScript)

Hay varios motivos que fundamentan por qué es vital separar el HTML/XHTML, el CSS y el código JavaScript. Estos tipos de código tienen objetivos muy diferentes, y cómo usarlos debe ser pensado con cuidado.

Razones principales para la separación:

Velocidad: los archivos externos .css y .js se guardan en el caché del navegador del usuario después de la primera carga, esto disminuye los tiempos de carga y mejorará la experiencia de uso.

Claridad: es más fácil saber donde buscar y colocar el código, cada parte cumple su propio objetivo.

Reusabilidad: puede fácilmente comentar y referenciar el codigo. Y reutilizarlo en todo el sitio.

Mantenimiento: El código HTML o XHTML está en una ubicación central, y se desprende el código de presentación (css) e interaccion (js) en archivos externos. Siendo muy fácil aplicarlos a todas las páginas del sitio.