Como decía en el post anterior, HTML 5 establece una serie de nuevos elementos y atributos, algunos de ellos son técnicamente similares a las etiquetas <div> y <span>, pero tienen un significado semántico, como por ejemplo <nav> (bloque de navegación del sitio web) y <footer>.

HTML5 añade etiquetas para manejar la Web Semántica (Web 3.0): header, footer, article, nav, time(fecha del contenido), link rel=” (tipo de contenido que se enlaza). Estas etiquetas permiten describir cual es el significado del contenido. Por ejemplo su importancia, su finalidad y las relaciones que existen entre ellas. No tienen especial impacto en la visualización, se orientan a buscadores. Los buscadores podrán indexar e interpretar esta meta información para no buscar simplemente apariciones de palabras en el texto de la página.

HTML 5 está formado por varios módulos distintos, cuyo grado de especificación está en niveles dispares. Casi todas las características de HTML 5 están ya listas para ser implementadas, y las versiones más nuevas de casi todos los navegadores implementan algunas de las características de HTML 5. Pero para que una web se vea bien en todos los sistemas, hay que utilizar sólo aquellas partes que funcionan en todos los navegadores, por lo que realmente son pocas si queremos hacer un sitio web compatible. Seguir leyendo »

Hace unos meses me propuse ponerme a estudiar HTML5 y CSS3, ambos estándares traen tremendas mejoras, y luego de varios libros y algún curso me decidí a probar los distintos navegadores con una página muy sencilla.

Mi sorpresa fue que a pesar de lo que había leído varios navegadores no se comportaban como yo esperaba, incluso haciendo uso del código js de @jon_neal disponible desde su web(iecss pre proccessor), o desde google(html5shiv).

En teoría HTML5 es retro-compatible, lo que significaría que la presentación de una página HTML5 no debería romperse, tampoco deberían aplicarse los estilos a los elementos desconocidos, pero las cosas deberían verse mas o menos en el lugar que fueron puestas. Esto no es así debido a la implementación de HTML que hace cada navegador.

Para comenzar debo decir que los navegadores tienen 2 modos de renderizado: “quirks mode” y “standards mode”. Cuando no se define un DOCTYPE al comienzo del documento HTML el navegador renderiza en modo quirks, compatible con contenido antiguo(ej html3), y cuando se define un DOCTYPE el navegador renderiza en modo estandar, utilizando la versión de html indicada. Actualmente hay unos 15 doctypes que disparan el modo estandar en los navegadores.
Seguir leyendo »