HTML5 - WordPress.com… · 1. Introducción Es la quinta revisión importante del lenguaje básico...

12
HTML5 Mikel Egaña Gestión del Conocimiento

Transcript of HTML5 - WordPress.com… · 1. Introducción Es la quinta revisión importante del lenguaje básico...

Page 1: HTML5 - WordPress.com… · 1. Introducción Es la quinta revisión importante del lenguaje básico de la World Wide Web Variantes de sintaxis Html5 Xhtml5 Html5 Esta es la primera

HTML5

Mikel EgañaGestión del Conocimiento

Page 2: HTML5 - WordPress.com… · 1. Introducción Es la quinta revisión importante del lenguaje básico de la World Wide Web Variantes de sintaxis Html5 Xhtml5 Html5 Esta es la primera

Índice

1.Introducción

2.Necesidad de cambio

3.Novedades del html5

4. ¿Porqué HTML5 para desarrollar Apps?

5.Conclusiones

Page 3: HTML5 - WordPress.com… · 1. Introducción Es la quinta revisión importante del lenguaje básico de la World Wide Web Variantes de sintaxis Html5 Xhtml5 Html5 Esta es la primera

1. Introducción

Es la quinta revisión importante del lenguaje básico de la World Wide Web

Variantes de sintaxis Html5

Xhtml5 Html5

Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.

Todavía se encuentra en modo experimental

No se reconoce en navegadores viejos

Page 4: HTML5 - WordPress.com… · 1. Introducción Es la quinta revisión importante del lenguaje básico de la World Wide Web Variantes de sintaxis Html5 Xhtml5 Html5 Esta es la primera

2. Necesario

Llevavamos más una década con la versión html4 – desde 1999

Page 5: HTML5 - WordPress.com… · 1. Introducción Es la quinta revisión importante del lenguaje básico de la World Wide Web Variantes de sintaxis Html5 Xhtml5 Html5 Esta es la primera

2. Necesario

POR EJEMPLO: Videos

Cuando el uso de videos empezó a intensificarse en la web HTML no tenía ninguna estructura para integrarlos

Solución

QuickTime Real Player Windows Media Flash Player

Problemas Instalar Plugins Origen Virus&

Page 6: HTML5 - WordPress.com… · 1. Introducción Es la quinta revisión importante del lenguaje básico de la World Wide Web Variantes de sintaxis Html5 Xhtml5 Html5 Esta es la primera

3. Novedades

Incorpora etiquetas con codecs para mostrar los contenidos multimedia.

Etiquetas para manejar grandes conjuntos de datos: Datagrid, Details, Menu y Command.

Page 7: HTML5 - WordPress.com… · 1. Introducción Es la quinta revisión importante del lenguaje básico de la World Wide Web Variantes de sintaxis Html5 Xhtml5 Html5 Esta es la primera

3. Novedades

Mejoras en los formularios. Nuevos tipos de datos (eMail, number, url,datetime …) y facilidades para validar el contenido sin Javascript..

Drag & Drop. Nueva funcionalidad para arrastrar objetos como imágenes..

Añade etiquetas para manejar la Web Semántica

Estas etiquetas permiten describir cuál es el significado del contenido

Page 8: HTML5 - WordPress.com… · 1. Introducción Es la quinta revisión importante del lenguaje básico de la World Wide Web Variantes de sintaxis Html5 Xhtml5 Html5 Esta es la primera

4. Apps

Este estándar no sólo funciona en ordenadores o portátiles, existen multitud de dispositivos como smartphones tablets, Smart TVs u otrosdispositivos, que hacen que muchos más componentes que nos rodean contengan la posibilidad de estar online.

Las aplicaciones se encuentran en la nube

No hay que descargarlas

Movilidad de las apps

El gran problema que hasta ahora tenían las apps era la interactuación directa con el hardware del dispositivo.

Page 9: HTML5 - WordPress.com… · 1. Introducción Es la quinta revisión importante del lenguaje básico de la World Wide Web Variantes de sintaxis Html5 Xhtml5 Html5 Esta es la primera

4. Apps

HTML5 VS APPS NATIVAS

Page 10: HTML5 - WordPress.com… · 1. Introducción Es la quinta revisión importante del lenguaje básico de la World Wide Web Variantes de sintaxis Html5 Xhtml5 Html5 Esta es la primera

5. Conclusiones

Es nativo, y por tanto independiente de plugins de terceros.

Es más semántico, con etiquetas que permiten clasificar y ordenar en distintos niveles y estructuras el contenido.

El código es más simple lo que permite hacer páginas más ligeras quese cargan más rápidamente favoreciendo la usabilidad y la indexación en buscadores.

Es más semántico, con etiquetas que permiten clasificar y ordenar en distintos niveles y estructuras el contenido. Es más semántico, con etiquetas que permiten clasificar y ordenar en distintos niveles y estructuras el contenido.

Ofrece una compatibilidad mayor con los navegadores de dispositivos móviles.

Page 11: HTML5 - WordPress.com… · 1. Introducción Es la quinta revisión importante del lenguaje básico de la World Wide Web Variantes de sintaxis Html5 Xhtml5 Html5 Esta es la primera

Bibliografía

● http://es.wikipedia.org/wiki/HTML5● https://www.youtube.com/watch?v=mzPx

o7Y6JyA● http://www.go-movil.es/index.php/12-venta

jas-del-html5/● http://www.imaginanet.com/ventajas-de-ht

ml5.html● http://venturebeat.com/2012/11/07/mobile-

app-development-94-of-software-developers-betting-on-html5-winning/

Page 12: HTML5 - WordPress.com… · 1. Introducción Es la quinta revisión importante del lenguaje básico de la World Wide Web Variantes de sintaxis Html5 Xhtml5 Html5 Esta es la primera

<p> Muchas gracias!! </p>