HTML5

(Redirigido desde «Html5»)
HTML5
Información sobre la plantilla
512px-html5-logo.png


Introducción a HTML 5

HTML5 es una nueva especificación que actualmente se encuentra en fase de borrador (W3C Working Draft 19 October 2010) y que unifica dos elementos tecnológicos. HTML5 es la evolución por un lado de lo que ha sido hasta ahora el lenguaje de marcado HTML4 y por otro lado de la API Document Object Model 2 (DOM2). A través de HTML5 vamos a disponer de nuevas API's que van a intentar ayudar a los desarrolladores a generar aplicaciones web mucho más dinámicas y ricas, teniendo siempre claro el punto de vista de que la mayoría de dichas interfaces de programación se encuentran en fase de borrador por lo que podemos afirmar que no están maduras para su implementación en grandes proyectos o aplicaciones por parte de las organizaciones. HTML no se va a quedar solamente en una simple redefinición de etiquetas de marcado sino que va mucho más allá.

Historia del HTML 5

Desde que IBM empezó a utilizar su lenguaje GML hasta el momento actual en el que nos encontramos han sido muchos cambios tecnológicos que han ido produciéndose. Con la llegada del lenguaje GML transformándose en estándar formal en 1986 (Standard Generalized Markup Language) IBM proporcionó un lenguaje que definía como debían ser los lenguajes de marcado pero no especificaba como tenían que ser las etiquetas. Es cuando a partir del SGML empieza a desarrollarse el HTML con los siguientes hitos importantes en su línea de tiempo:

  • 1995: Se formaliza el HTML 2.0 y con ello la sintaxis y la mayoría de las reglas que se encuentran actualmente implementadas
  • 1997: HTML 3.2 durante mucho tiempo ignorado por las empresas que proveen navegadores, las cuales implementan sus propias etiquetas
  • 1998: Presionadas por la adopción de los estándar web, se otorga peso a las recomendaciones del W3C y se promocionan navegadores basados en dichos estándar
  • 1999: Se estabiliza la sintaxis y la estructura del HTML 4.0, convirtiéndose en el estándar para la web
  • 2000: Nace el XHTML 1.0 diseñado para adaptar el HTML a XML. Uso de DTD para renderizar como HTML
  • 2000-2004: El incremento de las conexiones en el ancho de banda es alto, produciéndose una demanda en el campo del desarrollo de las aplicaciones y la multimedia, donde tecnologías como Flash y Ajax hacen que se trabaje en la especificación XHTML 2.0
  • 2004: No satisfechos con la dirección de XHTML, Apple, Mozilla y Opera proponen evolucionar el estándar HTML 4.0. Aunque son rechazados, forman el WHATWG (Web Hypertext Application Technology Working Group)
  • 2005: Se publica el borrador de trabajo Web Applications 1.0
  • 2007: El W3C adopta el trabajo de WHATWG en un nuevo capítulo, publicando lo que sería el borrador de trabajo de HTML 5
  • 2009: Última llamada expedido para el proyecto de trabajo de HTML 5. El W3C no renueva XTML 2.0
  • 2010: Borrador del W3C para HTML5
  • 28 de octubre de 2014 Lanzamiento inicial

Se prevé que HTML5 alcance la condición de candidato en 2012, finalice las pruebas finales en *2020, y alcance la categoría de recomendación de pleno derecho en 2022.

Evolución

Evolucion html5.JPG

Imagen 1: Evolución del lenguaje de marcado HTML

Aviso a navegantes: No todo es HTML 5

La idea de que todo lo proporcionado por el borrador de HTML5 no es sólo lenguaje HTML ya que aparte de disponer de nuevas etiquetas, también vamos a disponer de nuevas API's de desarrollo. Esto implica que se debe tener mucho cuidado en el desarrollo de nuestras aplicaciones web ya que el consorcio WHATWG propone nuevas API's, nuevos elementos, etc. que pueden ser descartados por el W3C y viceversa. Un ejemplo de lo expuesto es el uso de la API almacenamiento web SQL que se proporciona con HTML5. Debido a las limitaciones existentes en el almacenamiento web (se sabe lo limitadas que son las cookies en cuanto a capacidad de almacenamiento con solo 4 Kb), HTML5 propuso el uso de la API de almacenamiento web SQL local por lo que algunos fabricantes de navegadores proporcionaron soporte a dicha API. El resultado final del desarrollo de esta API por parte del W3C fue su discontinuidad. No todo es html5.JPG

Otro ejemplo exponente de lo indicado también pudiera ser la API Web Socket y todos los problemas de seguridad asociados a la misma, lo que ha producido que navegadores tan conocidos como Opera o Firefox que habían dado soporte a dicha interfaz de desarrollo, hayan tenido que dar marcha atrás y eliminar el soporte de sus navegadores. Este tipo de sucesos no se están produciendo con Internet Explorer de Microsoft ya que sólo se están implementando aquellas API's que se encuentren en una fase de desarrollo estable y madura.

Empezando con HTML5

Los principales cambios que incorpora HTML5:

Declaración de tipo de documento

Una de los elementos más obvios y de los primeros que tenemos que asimilar, es que Internet Explorer 9 no entiende un documento HTML5 a no ser que se le especifique la declaración de tipo de documento. A diferencia de la anterior especificación donde disponíamos de tres declaraciones de tipo de documento, ahora sólo hay que especificar una: <!DOCTYPE HTML> Imagen2 html5.JPG

Estructura del documento

La segunda de las novedades a asimilar en HTML5 es el uso de una nuevo conjunto de etiquetas para dar estructura a un documento HTML, abandonando el uso de tablas y etiquetas div para la maquetación de las páginas.

Imagen3v html5.png

Dicho lo cual, gracias a estas nuevas etiquetas podemos establecer la estructura de contenido para las zonas o elementos más habituales que se suelen encontrar en un sitio web, como puedan ser cabeceras, pies de página, menús de navegación, contenidos relacionados, etc. para más adelante aplicar estilos visuales mediante hojas de estilos CSS3.

Otras etiquetas

HTML5 también incluye nuevas etiquetas para identificar datos de tipo fecha, valores que expresen importes o cantidades numéricas o la realización de énfasis en palabras o textos que lo requieran, así como de etiquetas para realizar publicación y manejo de datos. Imagen3 html5.JPG

Los formularios HTML son mejorados con una redefinición de nuevos tipos de elementos para la etiqueta input, eliminando la sequedad o la falta de tipos de datos que existía para los formularios en HTML 4. También han sido incorporados al lenguaje nuevos atributos para los elementos de formulario que harán las delicias de los diseñadores web.

Imagen5 html5.JPG

Etiquetas no soportadas

Para futuros desarrollos o diseños a realizar sobre entornos web, que HTML5 ha dejado en la estacada algunas etiquetas, bien porque han perdido su significado, o bien porque su funcionalidad se ha cubierto por otras etiquetas distintas. Imagen6 html5.JPG

Referencia

www.desarrolloweb.com[1]