Diferencia entre revisiones de «Usuario:Lmorillas/modulo lenguajes de marcas/html5/presentacion»

Revisión de 00:00 11 abr 2013

Trabajo en proceso, espera cambios frecuentes. Tu ayuda y retroalimentación son bienvenidos. Ver página de charlas.

• Muy compatible con lo que ya existe
  • Las nuevas características de marcado funcionan igual que las antiguas (alguna semántica ha cambiado)
  • Las nuevas APIs se basan en el mismo JavaScript y DOM
• Nuevas y potentes características de HTML (validación de formularios, vídeo ...)
• Más adecuado para escribir aplicaciones dinámicas
• Tiene un algoritmo de interpretación claramente definido (todos los navegadores que implementen HTML5 crearán un mismo DOM a partir de un mismo marcado: interoperabilidad)

• Nuevos elementos semánticos.

 <nav>, <header>, <footer> y <article>.

• Nuevas características de formularios: selectores de fecha, deslizadores y validación en el cliente
• Audio y vídeo nativos: <audio> y <video>
• API de dibujo en Canvas: El elemento <canvas> (lienzo) y API asociada
• Web Sockets: conexión continua entre un servidor y un cliente en un puerto específico y enviar datos en ambas direcciones hasta que el puerto se cierre.
• Aplicaciones web offline: Los cachés de aplicación permiten guardar una copia de todos los elementos y archivos necesarios para ejecutar aplicaciones web localmente, y las bases de datos Web SQL permiten guardar una copia local de los datos de una aplicación web.
• Almacenamiento Web.
• Web workers: permiten crear procesos de fondo para hacerse cargo de parte del cálculo.
• Geolocalización.
• CSS3 no es parte de HTML5.

Elementos estructurales:

<header> (cabecera)

Se utiliza para contener la cabecera de un sitio.

<footer> (pie de página)

Contiene el pie de página de un sitio.

<nav>

Contiene la funcionalidad de navegación para la página.

<article> (artículo)

Contiene una pieza independiente de contenido, que tendría sentido sindicar como elemento RSS como, por ejemplo, una noticia.

<section> (sección)

Se utiliza bien para agrupar artículos en diferentes temas, bien para definir las diferentes secciones de un solo artículo.

(hora)

se usa para marcar tiempos y fechas.

<aside> (aparte)

Define un bloque de contenido relacionado con el contenido principal que lo rodea, pero que no es esencial para el flujo del mismo.

<hgroup> (heading group, o grupo de encabezados)

Se utiliza para incluir más de un encabezado si quieres que cuente como un único encabezado en la estructura de encabezado de la página.

<figure> y <figcaption> (figura y cita de figura)

Se usan para encapsular una figura como un único elemento y contener el título de la figura, respectivamente.