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

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.

Publicado por:

Lo último en el sitio

 

Nombre

Atención: Antes de aportar al artículo con sus comentarios, le pedimos encarecidamente que evite generar spam, discusiones agraviantes o mensajes de contenido violento y racista. Todo usuario que no acate a este llamado, será suspendido en la brevedad.

 
 
 

Sitios recomendados

 
  Articulos populares
 
+ Angry Birds RIO para PC Windows | PC Game completo (156)
+ Windows 7 Loader / Activador de Windows 7 (Actualizado Octubre 2011) (81)
+ Invitaciones a Google +, te enviamos una (74)
+ Angry Birds Seasons 2011 - 2012 (Descarga gratuita) (68)
+ Windows 7 Loader, Activador de Windows 7 (Actualizado Febrero 2011) (63)
+ Activar Facebook Timeline | Biografía Facebook (54)
+ Angry Birds v1.6.3 para PC (28)
+ Angry Birds v2.0.0 para PC (Enero 2012) (28)
+ Como Instalar Debian 6 "Squeeze", paso a paso [Guía Fácil] (25)
+ Instalar y configurar phpMyAdmin 3 en Windows 7 / paso a paso (24)
 
 
  Tags del sitio
 
Angry Birds Aplicaciones Aplicaciones Linux Apple Como Hacerlo Consejos Desarrollo Web Descargas Diarios Diseño El País Entretenimiento España Facebook Firefox Fotos Gadgets Google Google Chrome Google Plus Infografia Internet iPhone Juegos Linux Navegadores Negocios Negocios y Marketing Noticias de Tecnologia Paso a Paso Periódicos Redes Sociales Revistas Seguridad Social Media Social Media Marketing Tecnología Telefono Celular Tips Twitter Ubuntu 11 Video Windows Windows 7 WordPress
 
 
  Comentarios recientes
 

Maryza:  cabal
amnada:  no sirve
Juan José:  ey amigo.!!! tengo
Eduardo:  ADVERTENCIA Estas
chuck:  amigo lo que quier
shantal:  no me guta + +
Coder Architect:  viejo, este juego
dameseano prieto:  solo quiero la cla
Horacio:  Debes hacer una pa
Carlos:  Ustedes se quejan?