Está en la página 1de 3

Novedades y mejoras que ofrece HTML 5

La nueva versin del lenguaje HTML (Hypertext Markup Language), va a traer consigo una
serie de mejoras importantes, as como nuevas etiquetas de marcado y otras etiquetas
que por el contrario van a desaparecer.
Una de los puntos a destacar del lenguaje HTML 5, es que nos ofrece ms potencia a la
hora del desarrollo web, sin tener que pasar a utilizar otras tecnologas.
As mismo con las nuevas etiquetas del lenguaje vamos a simplificar y ahorrar a la hora de
escribir cdigo.
Desde la web del w3C, nos encontramos una introduccin a las novedades del HTML5:
Algunos de las nuevas caractersticas ms interesantes para los autores son APIs para
dibujar grficos en dos dimensiones, incorporar y controlar contenido de audio y vdeo,
mantener persistente en la parte del cliente el almacenamiento de datos y para ofrecer a
los usuarios la edicin de documentos, o partes de stos, de forma interactiva. Otras
caractersticas facilitan la representacin de elementos familiares de las pginas,
incluyendo <section> (seccin) <footer> (pie); <nav> (para navegacin) y <figure> (para
asignacin de un ttulo a una foto u otro contenido incluido en la pgina). Los autores
escriben el HTML 5 usando una sintaxis HTML "clsica" o una sintaxis XML, de acuerdo con
las necesidades de la aplicacin.
Aqu ya nos estn hablando de algunas de las nuevas etiquetas que va a traer consigo el
lenguaje.
Nuevas etiquetas HTML5
La mayora de webs tienen una estructura del tipo cabecera - men - cuerpo - pie, con el
HTML 5, en vez de tener que crear divs para cada parte de la pgina web, podremos
utilizar etiquetas especficas para la estructura del sitio.

<header>
<nav>
<section>
<figure> asignacin de un ttulo a una foto

Nuevas etiquetas para video y audio


Nos olvidamos de etiquetas como <embed> y <object> a la hora de incluir audio,
animaciones flash y video.
Para ello con la nueva versin HTML5, dispondremos de dos nuevas etiquetas <audio> y
<video>, as como otra etiqueta <canvas>, que nos va a permitir trabajar con grficos y
animaciones.

Nuevas APIS
El nuevo lenguaje va a ser mucho ms potente, ya que incorpora varias APIS nuevas que
nos van a permitir trabajar con Bases de datos en local, interactuar por parte del usuario
con distintos elementos de la interfaz -drag & drop (arrastrar y soltar) -, mejora en la
Geolocalizacin.
Resumiendo un poco, el HTML 5, trae consigo, ms potencia, mayor rendimiento, menos
cdigo, y ms simplificacin. Mejoras muy importantes, y que van a traer webs con mayor
rapidez de carga y mayor capacidad de interaccin por parte del usuario.
Un lenguaje que se acerca ms a la Web 2.0 y quiz porqu no, a la prxima Web 3.0
Ahora falta esperar la compatibilidad con los distintos navegadores, y la revisin del
lenguaje por parte del consorcio W3C, que habla del nuevo lenguaje como El futuro del
Contenido Web.
Tambin ofrece algunas novedades como:

Estructura del cuerpo: permite agrupar los elementos (cabecera, footer) de una
web en nuevas etiquetas.
Video y Audio: incorpora los medios necesarios para poder reproducir controles
multimedia.
Canvas: permite dibujar en la pgina todo tipo de formas, que sean animadas y
responder a interaccin.
Bases de datos locales: el navegador nos permite el uso de una base de datos en
local.
Aplicaciones web offline: nuevo API donde se podr desarrollar en local y sin estar
conectados a Internet.
Mejores formularios: se aaden nuevos tipos de input.
Nueva API para la interfaz de usuario: por fin podremos hacer drag & drop

El nuevo elemento de HTML5: main


Hace poco, el elemento main fue includo formalmente en la especificacin de HTML5 de
la W3C. Si bien ya tenamos elementos como header, section, article o footer, no exista
una etiqueta precisa que describiese el contenido principal de una pgina.
Hasta ahora, la mayora de los desarrolladores, utilizabamos la etiqueta div para englobar
el contenido primario de un documento, asignandole al mismo un id de valor main (que
significa principal en ingls). Ahora el id puede seguir siendo el mismo, pero la etiqueta
debera cambiar a main si queremos maquetar correctamente.

El propsito principal de esta etiqueta es desde un punto de vista de accesibilidad, ya que


ayuda a que los screen readers (lectores de pantalla) y otras tecnologas asistenciales
puedan identificar donde comienza el contenido principal de la pgina y donde termina.
Segn la especificacin: el elemento main representa el contenido principal del cuerpo
(body) de un documento.
Uso del elemento main
Una caracterstica importante a tener en cuenta sobre este elemento, es que puede ser
usado una sola vez por pgina, algo que parece bastante obvio si pensamos su propsito.
Usar ms de un elemento main, har que nuestro HTML sea invlido para la W3C.
Este elemento no puede ser hijo de ninguno de los siguientes: header, nav, article, aside y
footer.
Fuente:
http://www.angelvicen.com/blog/html5-novedades-html5.html
http://www.godigital.es/las-novedades-de-css3-y-html5-que-tiemble-adobe-flash/
http://www.htmlcinco.com/nuevo-elemento-de-html5-main/

También podría gustarte