sábado, 19 de noviembre de 2016

Las mejoras de HTML 5 respecto a versiones anteriores

Hola, hoy voy a hablaros sobre el estándar HTML 5 y las mejoras que ha traído respecto a versiones anteriores.

En primer lugar, se trata de la reproducción de audio y vídeo con HTML, algo que desde hace años, nos ha permitido poder reproducir contenido desde YouTube u otros servicios multimedia sin la necesidad de instalar Adobe Flash Player.

Otra de las mejoras, es la nueva estructura a la hora de crear un documento HTML. Fueron introducidas una serie de etiquetas nuevas, las principales son las siguientes:

<article>
Hace referencia a entradas independientes, por ejemplo para un blog.

<footer>
Hace referencia al pié de página de la web.

<header>
 Hace referencia a la cabecera de una página (en versiones anteriores, esta etiqueta se denominaba <head>.

<nav>
Para añadir una barra de navegación en la página web.

<section>
Una sección determinada con su propio encabezado.

<mark>
Indicamos importancia a un determinado texto. No aparece nada en la página web, pero en nuestro documento HTML indicamos la importancia del texto.

<aside>
Tampoco hará cambios visuales, pero podremos definir un bloque semántico que represente una nota o explicación.

<time>
Para poder mostrar fechas y horas. En versiones anteriores, se hacía con la etiqueta <abbr>.

<input type...>
Se usará principalmente para formularios, pudiendo decir si se trata de un correo electrónico, una URL, un nombre, etc.

<dialog>
Para introducir diálogos.

<progress>
Se utilizará en conjunto con JavaScript para incluir el progreso de una tarea que se esté ejecutando.

<canvas>
Se utilizará para poder incluir widgets y gráficos dinámicos e interactivos.

<device>
Permitirá a la persona que visite la página web acceder a varios dispositivos del sistema (como por ejemplo, una webcam).

<embed>
Para incluir plug-ins.

Además, HTML 5 incluyó otro tipo de mejoras como el hecho de poder iniciar un documento HTML 5 de una manera clara y sencilla. En versiones anteriores, el inicio de un documento HTML se hacía así:
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
Ahora, simplemente tenemos que escribir lo siguiente:
<!DOCTYPE html>
Y así ya habremos empezado a escribir nuestro documento. Y lo mejor de todo es que... 
¡HTML 5 es compabile con versiones anteriores de HTML!

Por lo tanto, aunque usemos etiquetas obsoletas, nuestro navegador seguirá interpretándolas correctamente. 

No hay comentarios:

Publicar un comentario