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

De WikiEducator
Saltar a: navegación, buscar
Línea 1: Línea 1:
{{TEP}}
+
{{Objetivo|
 
+
 
+
 
* Muy compatible con lo que ya existe
 
* 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 características de marcado funcionan igual que las antiguas (alguna semántica ha cambiado)
Línea 8: Línea 6:
 
* Más adecuado para escribir aplicaciones dinámicas
 
* 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)
 
* 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)
 +
|Title=Presentacion html5}}
  
 
+
{{Objetivo|
 
+
 
* Nuevos elementos semánticos.  
 
* Nuevos elementos semánticos.  
 
   <nav>, <header>, <footer> y <article>.
 
   <nav>, <header>, <footer> y <article>.
Línea 22: Línea 20:
 
* Geolocalización.  
 
* Geolocalización.  
 
* CSS3 no es parte de HTML5.
 
* CSS3 no es parte de HTML5.
 +
|Title=Diferencias}}
  
 
+
{{Objetivo|
Elementos estructurales:
+
 
;<header> (cabecera)
 
;<header> (cabecera)
 
:Se utiliza para contener la cabecera de un sitio.
 
:Se utiliza para contener la cabecera de un sitio.
Línea 43: Línea 41:
 
;<figure> y <figcaption> (figura y cita de figura)
 
;<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.
 
: Se usan para encapsular una figura como un único elemento y contener el título de la figura, respectivamente.
 +
| Title = Elementos estructurales}}

Revisión de 18:04 11 abr 2013


Icon objectives.jpg

Presentacion html5

  • 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)



Icon objectives.jpg

Diferencias

  • 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.



Icon objectives.jpg

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.
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.

</DIV>