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

Post on 26-Jun-2020

6 views 0 download

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

HTML5

Mikel EgañaGestión del Conocimiento

Índice

1.Introducción

2.Necesidad de cambio

3.Novedades del html5

4. ¿Porqué HTML5 para desarrollar Apps?

5.Conclusiones

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

2. Necesario

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

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&

3. Novedades

Incorpora etiquetas con codecs para mostrar los contenidos multimedia.

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

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

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.

4. Apps

HTML5 VS APPS NATIVAS

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.

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/

<p> Muchas gracias!! </p>