Desarrollo con HTML5

El desarrollo con HTML5 es fundamental para poder desarrollar páginas web, ya que es el lenguaje de etiquetas que nos permite definir la estructura de una página.

Mediante HTML5 podrás construir desde una sencilla página web con texto, imágenes y un formulario para recopilar información de los usuarios hasta aplicaciones multimedia en las cual incluyamos elementos de audio y vídeo, áreas gráficas con elementos SVG o conexiones al servidor para intercambiar de forma dinámica contenidos.

¿Qué es HTML5?

HTML5 es un lenguaje de marcas que nos permite el desarrollo de páginas web, al cual se le han añadido un conjunto de funcionalidades que nos permiten explotar las capacidades de los dispositivos en temas de multimedia, rendimiento, offline, interacción con el usuario…

De esta manera, HTML5 se compone de un núcleo de elementos del lenguaje y una serie de APIs que nos permiten gestionar las nuevas capacidades.

Las principales características del lenguaje de etiquetas HTML5 son:

Semántica de los documentos, así podemos encontrar elementos como article, section, aside, header, footer,… que mejoren la semántica del contenido de nuestras páginas.
Mejora de formularios, se han incluido nuevos tipos de datosinput, así como listas de datos o datalist otros elementos como progress y meter que enriquecen el diseño de los formularios.
Multimedia, se ha estandarizado el uso del audio y vídeo mediante los elementos audio y video.
Gráficos y Efectos 2D/3D, mediante el uso del canvas las posibilidades de incluir gráficos en 2D y 3D en una página web son casi infinitas.
Offline y Almacenamiento, cachés y bases de datos indexadas evolucionan el lenguaje para que las páginas web puedan ser utilizadas en modo desconectado dentro de una amplia gama de dispositivos.
Rendimiento e Integración, enfocado a poder construir aplicaciones SPA (Single Page Application) y a la integración con servicios REST.
Conectividad, para realizar peticiones asíncronas mediante el uso de Websockets y WebRTC.
Gestión de Dispositivos, para acceder de forma estándar a las capacidades de los dispositivos como pueda ser la gestión del layout, la ubicación mediante la geolocalización, el consumo de la batería o el acceso a la cámara, entre otros.

¿Por qué aprender HTML5?

Aprender HTML5 es el primer paso que tienes que dar si te quieres convertir en un desarrollador web. Conocer el lenguaje HTML5 en profundidad es necesario ya que es el lenguaje de marcas fundamental en el desarrollo de las páginas web.

HTML5 es la base para luego poder construir aplicaciones más complejas en las que incluyas elementos de diseño mediante el lenguaje de modelado CSS y las dotes de dinamismo y una mayor funcionalidad mediante las APIs avanzadas de HTML5 y el lenguaje de programación JavaScript.

Es recomendable, antes de lanzarte a aprender HTML5, que tengas unos conocimientos básicos de HTML y las capacidades iniciales que ofrece este lenguaje.

Ejemplos de desarrollo con HTML5

En esta sección encontrarás ejemplos de desarrollo con HTML5 que te permiten aprender sobre las nuevas capacidades de la versión HTML5. Entre ellos verás ejemplos sobre las nuevas capacidades de los formularios en HTML5, el uso del Canvas para añadir capacidades gráficas en las páginas web o cómo manejar algunas de las APIs de HTML5 como son las de Geolocalización, manejo Offline, gestión de la batería…

Así, por ejemplo, mediante este sencillo código de HTML5, podremos incluir música dentro de una página web de forma muy sencilla. Algo sobre lo que podrás leer en el artículo: poner música en tu web con HTML5.

<audio src="micancion.mp3" controls="controls"></audio>

Para el primer paso, te recomendamos que empieces por los ejemplos básicos del lenguaje y así tener la primera toma de contacto en el desarrollo con HTML5.

HTML5

HTML5