Desarrollo y Diseño

Introducción a HTML 5: Cinco cosas que debemos saber sobre HTML 5

html5 html 5 logo

Estaba pensando y recordé que en algunas de las charlas, por no decir la mayoría, me encontré con gente “entusiasta de HTML 5”, estaban dando sus primeros pasos con HTML 5, pero me di cuenta que a pesar de usarlo no sabían lo que es.

Actualmente si hablas de HTML 5 pareciera que la gente imagina que está en el avant premier de una película, que va en su quinta versión y esperan tener mas versiones. La mayoría piensa y trata a HTML 5 como una gran evolución de HTML, inclusive lo usan como si de HTML 4 se tratase. Es cierto, tiene su historia y se podría decir que empieza con el nacimiento de HTML, pero eso no significa que sea la evolución de HTML 4.

Como yo lo veo, HTML 5 es algo totalmente nuevo que adoptó el nombre HTML y le agregó 5 por motivos de matiz, para no perder el contexto y la forma, para no desviarnos del significado de la web de hoy. Que trae muchas mejoras como las etiquetas audio y video y también cosas nuevas, para mi HTML 5 es un conjunto de tecnologías (CSS3, JavaScript…), que se unen con esa palabra muy significativa para hacer que la experiencia en la web sea mejor que nunca.

Cinco cosas que debemos saber sobre HTML 5

1. Es un conjunto de características individuales

Quizá la pregunta que todos se hacen sea: “¿Cómo puedo utilizar HTML 5 si los navegadores más antiguos no lo soportan?” La pregunta en sí misma es engañosa. HTML 5 no es una gran cosa, es un conjunto de características individuales. Por lo que no encontrará soporte HTML5 apoyo, porque no tiene ningún sentido. Pero si se puede detectar soporte de las características individuales, como canvas, vídeo o la geolocalización.

[typography font=”Allerta Stencil” size=”30″ size_format=”px” color=”2499eb”]HTML 5 no es una gran cosa, es un[/typography]

[typography font=”Allerta Stencil” size=”30″ size_format=”px” color=”2499eb”]conjunto de características individuales[/typography]

Cuando se habla de HTML puede pensar en el como etiquetas y paréntesis angulares. Esa es una parte importante, pero no es toda la historia. La especificación HTML5 también define cómo estos paréntesis angulares interactuan con JavaScript, a través del Modelo de Objetos de Documento ( DOM ). HTML 5 no sólo define la etiqueta <video>, hay también una correspondiente API DOM para objetos de vídeo en el DOM . Se puede utilizar esta API para detectar el soporte de diferentes formatos de vídeo, reproducir un vídeo, pausar, silenciar el audio, la pista de la cantidad de vídeo ha sido descargado, y todo lo que necesita para construir una experiencia de usuario rica y todo con la etiqueta <video>.

2. Todo lo que sabes de HTML 4 está bien

No puedemos negar que HTML 4 es el formato de marcado de mayor éxito. HTML 5 se basa en que ese éxito. No es necesario eliminar el marcado existente. No es necesario volver a aprender las cosas que ya sabes. La aplicación web que ayer funcionó en HTML 4, hoy seguirá funcionando en HTML 5.

[typography font=”Allerta Stencil” size=”30″ size_format=”px” color=”2499eb”]HTML 5 se basa en el éxito de HTML 4[/typography]

Ahora, si lo que desea es mejorar sus aplicaciones web, HTML 5 es la opción correcta. Un ejemplo concreto: HTML 5 soporta todos los controles de formulario de HTML 4, pero también incluye nuevos controles de entrada. Algunos de estos fueron largamente esperadas como: deslizadores y selectores de fecha, mientras que otros son más sutiles. Por ejemplo, el correo electrónico que es un campo de entrada se parece a un cuadro de texto, funciona bien en los navegadores móviles personalizar su teclado en pantalla para que sea más fácil escribir las direcciones de correo electrónico. Los navegadores antiguos que no soportan el tipo de entrada correo electrónico serán tratados como un campo de texto normal, y aún así sigue funcionando sin ningún cambio o hacks scripting. Esto significa que puede comenzar a mejorar su formulario web desde hoy, aunque algunos de sus visitantes estén atrapados en IE 6.

3. Empezar con HTML 5 es realmente fácil

Actualizarte a HTML 5 puede ser tan fácil como cambiar el doctype. El DOCTYPE ya debe estar en la primera línea de cada página HTML. Las versiones anteriores de HTML define una gran cantidad de doctypes, y elegir el más adecuado puede ser difícil. En HTML5 sólo hay un tipo de documento<!DOCTYPE html>

 [typography font=”Allerta Stencil” size=”30″ size_format=”px” color=”2499eb”]Actualizarte a HTML 5 puede ser tan fácil[/typography]

 [typography font=”Allerta Stencil” size=”30″ size_format=”px” color=”2499eb”]como cambiar el doctype[/typography]

La actualización al doctype para HTML 5 no rompe el marcado existente, ya que todas las etiquetas definidas en HTML 4 son aún compatibles con HTML 5. Sin embargo, le permitirá utilizar, y validar, nuevos elementos semánticos como <article><section><header>  y <footer> .

4. Ya está en uso y tiene soporte de los navegadores web

[typography font=”Allerta Stencil” size=”30″ size_format=”px” color=”2499eb”]HTML 5 tiene buen soporte de los[/typography]

[typography font=”Allerta Stencil” size=”30″ size_format=”px” color=”2499eb”]navegadores[/typography]

Si quieres dibujar sobre un lienzo (canvas), reproducir video, mejorar el diseño de formularios, o crear aplicaciones web que funcionan en línea, ya lo puede hacer HTML 5 está bien soportado. Firefox, Safari, Chrome, Opera y los navegadores móviles ya son compatibles con Canvas, vídeo, geolocalización, almacenamiento local, y mucho más. Google ya es compatible con microdatos. Incluso Microsoft, cosa rara por algunas características que son open source, acepta la mayoría de las características HTML 5 en Internet Explorer 9.

5. HTML 5 está aquí para quedarse

En julio de 2009  W3C se pronunció sobre el futuro de los estándares web: “anunciaron que cuando expire la fecha prevista para el grupo de trabajo de XHTML 2, a finales de 2009, la Carta no sería renovado. De este modo, y mediante el aumento de recursos en el grupo de trabajo de HTML la W3C esperaba acelerar el progreso de HTML 5 y aclarar su posición sobre el futuro de HTML

Únete a mis círculos, agrégame a tus círculos +AbelRL.

Acerca del Autor

AbelRL

Agregar un Comentario

Clic Aqui para Publicar un Comentario