HTML5 es la última versión del lenguaje HTML y presenta nuevas etiquetas y funcionalidades como etiquetas para audio, video, dibujo y validación de formatos. Algunas de las nuevas etiquetas importantes son <video>, <audio>, <canvas> y <svg>, las cuales permiten incorporar diferentes tipos de multimedia en la página web. HTML5 también introduce nuevas etiquetas semánticas como <header>, <nav>, <section> y <article> para mejorar la estructura y accesibilidad del contenido.
2. 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.
3. ALGUNAS DE LAS ADICIONES MÁS NOTABLES INCLUYEN:
Etiquetas integradas multimedia para audio y video.
Un bastidor para dibujar contenido en el navegador.
4. Formatos más inteligentes que le permiten hacer cosas como
validación mediante el uso de un atributo requerido.
5. 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.
6. <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.
7. <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.
8. 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.
9. <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í.
10. <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.
11. <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.
12. 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>
13. 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.
14. 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.
15. HTML5 mejora la búsqueda semántica en Internet.
No pertenece a nadie por tanto es fácil de obtener.
16. 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…)
17. 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.