Conociendo las novedades, ventajas y nuevos elementos que nos ofrece esta versión de HTML.
Fotos: https://www.facebook.com/media/set/?set=a.601422266572455.1073741831.519082574806425&type=1&l=0930432fd8
4. HTML5
1. QUÉ ES
•
Es la nueva versión del lenguaje de marcación
HTML para desarrollo de páginas web.
•
Es un término que agrupa el uso de diversos
conceptos relacionados al desarrollo web,
como por ejemplo: animaciones, css3, jquery,
multimedia, ajax, etc.
Cuando vemos un sitio bonito, moderno, elegante,
con animaciones, sonido, video, etc… seguro que
pensamos: “Eso es html5”.
Ejemplo: animación en página web
http://www.southmountain.com.ar/
6. HTML5
2. NOVEDADES
•
Mejora en la Estructura, con etiquetas que
representan partes típicas de un página web.
•
Etiquetas para contenido específico como:
Video, Audio, Input (mail).
•
Canvas, dibujo y animaciones sin flash :)
•
Nuevas APIs para interfaz de usuario, el famoso
“drag and drop”, geolocalización, etc.
Ejemplo: rompecabeza
http://www.thisshell.com/
8. HTML5
3. VENTAJAS
•
•
•
•
Reproducción de juegos directamente en
el navegador.
Compatibilidad con dispositivos móviles.
Mejora en la web semántica,
programación y en el uso de javascript y
CSS3.
Presentación mejorada de contenido
multimedia, sin plugin NO flash :)
Ejemplo: juegos
http://www.f-i.com/html5/basketball/
http://buzz.jaysalvat.com/demo/
13. HTML5
4. WEB SEMÁNTICA
• <header>
Define la cabecera de la página.
• <nav>
Define la sección para el menú principal.
• <section>
Define una sección en la página.
• <article>
Especifica un contenido específico.
• <aside>
Define una sección para contenido secundario. Columna lateral.
• <footer>
Define la sección final de una página o una sección.
24. HTML5
7. ENLACES DE INTERÉS
• Guía official
http://dev.w3.org/html5/html-author/
• Tester html5 para navegadores
http://beta.html5test.com/
• Ejemplos y tutorials online
http://playground.html5rocks.com/
• Información sobre canvas
http://diveintohtml5.info/canvas.html
• Librerías javascript para HTML5
http://artysmedia.blogspot.com/2012/07/librerias-javascript-para-html5.html