HTML5

HTML5, la última versión del hypertext markup language (html), es la versión más radical del lenguaje a la fecha. esta presenta muchos recursos nuevos en una variedad de áreas.

ALGUNAS DE LAS ADICIONES MÁS NOTABLES INCLUYEN:

Etiquetas integradas multimedia para audio y video.

Un bastidor para dibujar contenido en el navegador.

Formatos más inteligentes que le permiten hacer cosas como validación mediante el uso de un atributo requerido.

LAS ETIQUETAS NUEVAS IMPORTANTES DE HTML5.

<video> Inserta video sin necesidad de plugins. Es muy fácil usarla, pero cada navegador soporta codecs diferentes de video, lo que hace necesario recodificar un video en múltiples codecs.

<audio> Lo mismo que video, pero sin video. Puede usar múltiples formatos, en especial mp3, pero también depende del navegador.

<input *> Input ya existía como la etiqueta para insertar cajas de texto y botones. Ahora es más poderosa, con la capacidad de insertar cajas tipo “email” que se auto validan, calendarios tipo “date”, sliders, números, entre otras.

<canvas>Un área de dibujo vectorial y de bitmaps con Javascript. Es un API de dibujo entero para Javascript.

<svg>Una etiqueta, igual que <img>, para insertar dibujos y animaciones vectoriales al estilo de Flash. Todo basado en el estándar abierto SVG (Scalable Vector Graphics), derivado de XML.

NUEVAS ETIQUETAS DE HTML5

<DOCTYPE html> Dentro del marco de nuestro manual de HTML y en líneas generales, podemos decir que el DOCTYPE es una declaración del estándar usado al construir un documento HTML o XHTML.

<header> Se encargan de indicar a los navegadores que lo que contienen es la cabecera de la página y que dentro seguramente llevarán lo típico, algún logotipo, el título de la página, quizás una descripción de la misma y poco más.

<nav> La etiqueta <nav> define una sección de enlaces de navegación. No todos los enlaces de un documento debe estar en un elemento <nav>. El elemento <nav> está destinado sólo a grandes bloques de vínculos de navegación.

<section> se utilizan para encerrar el código correspondiente a una sección genérica dentro de un documento o aplicación. Normalmente, un bloque de texto al que perfectamente le podríamos colocar un título o encabezado. Además, todo el contenido que engloba ha de guardar cierta relación entre sí.

<article> Esta etiqueta será usada para representar un contenido específico de nuestra web. Puede representar un artículo, ya sea un artículo de opinión, un entrada en un blog, un comentario en un foro, una noticia, una descarga, o simplemente un contenido estático de una web.

<aside> Representa una sección de una página que consiste en contenido que está tangencialmente relacionado con el contenido que le rodea, que podría ser considerado independiente de ese contenido.

<footer> Representa el pie de un documento o sección. La información que se suele añadir en este bloque es el autor del documento, enlaces a contenido relacionado, información de copyright, avisos legales, etc.

DIFERENCIA ENTRE HTML Y HTML5

HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento.

Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML.

Todas las variantes de HTML abren las instrucciones con <> y los cierran con </>. por ejemplo, <p>text</p>

HTML5 establece una serie de nuevos elementos y atributos que reflejan el uso típico de los sitios web modernos.

El HTML5 introduce nuevas formas de escribir código, así que la sintaxis entre ellos puede variar ligeramente.

VENTAJAS

Trabajar off-line nueva característica de HTML 5.

HTML5 dará la posibilidad de que la descarga de páginas web sea más rápida.

HTML5 mejora la búsqueda semántica en Internet.

No pertenece a nadie por tanto es fácil de obtener.

Es mas practico y tiene etiquetas que permiten clasificar y ordenar en distintos niveles y estructuras el contenido.

Permite realizar diseños adaptables a distintos dispositivos (web, tablets, móviles…)

DESVENTAJAS

La herramienta HTML5 de desarrollan aplicaciones móviles de multiplataforma siguiendo el modelo. Después de cierto tiempo, los usuarios necesitan cambios para que funcione.

A veces, lleva tiempo tener listas las aplicaciones móviles debido a que los desarrolladores tienen que escribir código para cada plataforma.