lebyrus

Como ya os comenté en un post anterior, he comenzado a leerme el curso de HTML y XHTML para CSS de Westciv, y os incluyo las notas que he sacado de ese curso. Es bastante simple, la verdad, pero, como con muchas cosas que a veces presuponemos y realmente no conocemos, es imprescindible.

Punto de partida

Muchas de las técnicas que los desarroladores web aprendimos hace unos años están ahora desfasadas, y necesitan ser rechazadas.

La clave es desarrollar para los estándares, y luego adaptar las páginas lo menos posibles para asegurar que funcionan en el mayor número de navegadores posibles, algo más simple que desarrollar para uno o dos navegadores, y luego intentar adaptar las páginas para el resto.

Tipos de contenido en una página web

• Texto (con estilos de color, peso y fuentes).
• Imágenes (gif, jpg, jpeg, svg).
• Imágenes en movimiento/interactivos (flash/shockwave).
• Sonidos.
• Películas (Real, QuickTime, WMF).
• Applets (pequeñas aplicaciones dentro de una ventana del navegador, como Java o ActiveX).

De todo el contenido que se puede encontrar una página web, sólo el texto está contenido en el documento HTML. El resto está enlazado por la página web, y están en ficheros separados.

Qué hace un navegador

1. Le cuentas a un navegador que cargue una página referida por una URL (Universal Resource Locator).
2. El navegador envía una petición mediante el protocolo http (hypertext transfer protocol). Un protocolo es la forma en la que los diferentes dispositivos se entienden entre ellos.
3. El servidor devuelve, mediante TCP/IP (transmission control protocol/internet protocol), un flujo de bytes, el cual es interpretado por nuestro navegador como HTML.
4. Nuestro navegador decodifica dicho documento HTML, o sea, reconoce sus elementos gramaticales (parsing) y los muestra (dibuja, rendering) en función de su significado.
5. Puede encontrar enlaces (mediante URL) a imágenes u otros media. Entonces envía otra petición, via http, para la imagen (o media) en cuestión (sin detener la decodificación del HTML). Este proceso se repite para todas las imágenes (y media), hasta que la página entera aparece en el navegador.

Las imágenes son renderizadas de forma nativa por el navegador, sin embargo, otros tipos de media (como Flash, Quicktime, etc.) requieren de aplicaciones externas (plug-ins) para ello.

El origen del HTML

En su origen, era un lenguaje diseñado para compartir información científica entre científicos de todo el mundo. Era puramente un lenguaje estructural, donde no había forma de describir la apariencia de las páginas (ni siquiera la posibilidad de poner un texto en negrita o en cursiva). Podría pensarse que esto limitaba este lenguaje, pero ahora, una década más tarde, se están dejando atrás los adornos añadidos por los desarrolladores de navegadores para ampliar dicho lenguaje.

A mediados de los noventa comenzaron las ampliaciones del HTML para conseguir la presentación deseada, pero siempre desde distintas perspectivas de distintos desarrolladores, que terminaron con distintas soluciones no estándar para distintos navegadores, lo que provocó la aparición de un consorcio que controlara la evolución de este lenguaje: el W3C (World Wide Web Consortium).

Esta evolución tenía un punto clave: la separación del contenido y la apariencia, y con la versión 4 de HTML se recomendaba otro mecanismo para controlar la apariencia de nuestro contenido HTML: las hojas de estilo (CSS).

Actualmente se recomienda el uso de XHTML, que mantiene la misma sintaxis y los mismos mecanismos que HTML, pero reformulado como un documento XML, preparándose así para aprovechar las ventajas de dicho lenguaje.

Beneficios de usar estándares

• Interoperabilidad.
• Accesibilidad.
• Compatibilidad con navegadores futuros y obsoletos.
• Ahorro de tiempo y recursos para desarrolladores web.

Términos

• Un fichero HTML es el contenedor para el texto que reside en un sistema de ficheros.
• Un documento HTML es una serie de bytes (o caracteres) que conforman el lenguaje HTML, y se almacena en un fichero HTML, y se transmite por internet (u otra red) a un navegador.
• Una página web es un documento HTML que es renderizado en una ventana de un navegador.