Grupo Creartel - Desarrollo y diseño web en Argentina

HTML5: es el momento ?

Hoy, HTML es el lenguaje predominante utilizado para el desarrollo de páginas web; es un lenguaje en constante evolución, que va mejorando versión a versión. Ahora con la recién publicada versión 5 veremos un gran cambio en la manera de escribir el código base de nuestras páginas web.

html5

Qué es HTML5… ?

HTML5 es una colección de estándares para el diseño y desarrollo de páginas web. Esta colección representa la manera en que se muestra la información en el explorador de Internet y cómo interactuar con ella.

Esta nueva versión de HTML añade nuevas etiquetas para manejar la Web Semántica (Web 3.0) que permiten describir cuál es el significado del contenido; por ejemplo su importancia, su finalidad y las relaciones que existen. Además, elimina viejas etiquetas de versiones anteriores de HTML que dejaron de ser utilizadas dado que no son soportadas por las nuevas versiones de navegadores.

HTML5 está enfocada en mejorar los contenidos multimedia (video y audio, entre otros) y su interacción; esto significa que las aplicaciones web pueden desarrollarse con funcionalidades multimedia nativas, es decir, sin ningún módulo o plugin externo. Como consecuencia de esto, las páginas o aplicaciones serán mucho más rápidas y con mayor calidad.

Ventajas: Porqué utilizar HTML5 en mi sitio web?

Sitios Webs más rápidos

El diseño de sitios web en HTML5 nos da la posibilidad de que nuestra página cargue mucho más rápido que en un sitio desarrollado en versiones anteriores de html, esto es posible porque HTML5 trabaja descargando los elementos más livianos primero y los muestra en pantalla al usuario hasta que se carguen los de mayor peso. De esta forma el usuario ya puede leer o interactuar con los elementos más importantes mientras los demás elementos se dejan en segundo término, sin tener que esperar a que el sitio web se cargue por completo.

HTML5 mejora la búsqueda semántica en Internet

Los motores de búsqueda en Internet pretenden darle al usuario los resultados más relevantes para cada búsqueda específica, una de las maneras que han estado implementando para lograrlo son las búsquedas que toman en cuenta el contexto o búsquedas semánticas, por ejemplo: cuál es el significado del contenido, su importancia, finalidad y las relaciones que existen.

HTML5 incluye elementos que permiten dar información de nuestra página web a los buscadores para que estos la comparen con la de los usuarios y así se puedan obtener mejores resultados,  por lo cual el contenido de nuestro sitio web se podrá localizar por el usuario e incluirse dentro de la información más relevante que da como resultado un buscador.

Por otra parte, HTML5 incorpora geolocalización de manera nativa. La geolocalización es un elemento con prioridad en los resultados de las búsquedas móviles.

Contenidos multimedia (audio y video)

Con  HTML5 cualquier opción de ejecución de video y audio puede ser incluida directamente en el sitio web de manera eficiente y estable,  sin generar errores y sin necesidad de incluir código flash. Esto da la posibilidad de que las aplicaciones se adapten y sean soportadas por cualquier dispositivo.

Trabajo Off-line

Existe una característica en HTML5 llamada “Offline Application Cache” que permite a los usuarios correr aplicaciones web aún cuando no estén conectados a Internet, sincronizando los datos más adelante cuando se disponga de una conexión. Esta característica puede tener sus ventajas por ejemplo en los dispositivos móviles que no siempre están conectados a la red.

Compatibilidad de HTML5 con los diferentes navegadores

Si bien es cierto que las funcionalidades aportadas por la nueva versión de Html son muchas, una de los aspectos a analizar antes de empezar a realizar un sitio en HTML5 es la compatibilidad con los navegadores, como se observa en las siguientes tablas los navegadores no son el 100% compatibles con esta nueva versión de Html,  especialmente Internet Explorer, dado que HTML5 todavía se encuentra en modo experimental según indica la W3C.

Tablas de Compatibilidad

Propiedades CSS3

propiedades_css3

Selectores CSS3

selectores_css3

Aplicaciones Web HTML5

apliaciones_web

Gráficos y Contenido Embebido HTML5

graficos

Codecs de Audio HTML5

codecs_audios

Codecs de Video HTML5

codecs_video

Formularios de Entrada HTML5

formularios_inputs

Atributos de Formularios HTML5

formularios_atributos

Conclusión

Si bien esta reciente versión de HTML no está desarrollada en su totalidad  y no es totalmente compatible con viejos navegadores, muchos desarrolladores webs están empezando a considerarla por los beneficios nombrados con anterioridad y por su mayor interacción con tecnologías como Javascritps y jQuery que hacen en conjunto que el sitio web sea más interactivo. Sólo queda que  la W3C haga públicas y autorice  las versiones finales.

Referencias

Escrito en 13. Enero 2012 um 12:16 pm por Marina Gette · En: Diseño Web, Internet
Enlace Permanente
· Etiquetado con: , , , , , ,

Una respuesta

Suscríbase a los comentarios via RSS

  1. Geschrieben von David S
    am 16 Enero 2012 um 7:04 am
    Enlace Permanente

    Teniendo en cuenta que iexplorer tiene una gran cuota de mercado, cada vez menos afortunadamente, no veo viable desarrollar con html 5 ahora sitios web. Otra cosa son aplicaciones especificas por ejemplo para el market de chrome o similar.

Suscríbase a los comentarios via RSS

Deje su respuesta