Html 5

TSU. Erick Aguila Martínez

TSU. Erick Aguila Martínez

Agenda HTML 5

• Soporte• ¿Por qué usar HTML 5?• ¿Cómo usar HTML 5?• Componentes• API´s• Novedades• Simplificar• Dudas, preguntas o aclaraciones

HTML 5

¿Qué significa?Hyper Text Markup Language en su versión 5

¿Qué es?Es el lenguaje de marcado de hipertexto básico de World WideWeb.

• La primer publicación fue lanzada en 2008• La publicación Living Standart fue lanzada en 2012• La publicación final y recomendada fue lanzada en 2014

HTML 5 Soporte

HTML 5 cuenta con el soporte para los navegadores modernos

• Mozilla• Safari• Opera• Google Chrome• Internet Explorer 8.0+

¿Porqué usar HTML 5?HTML es un lenguaje unificado para web, móvil y desarrollo devideojuegos.

Puede ejecutarse en todas las plataformasWindows 8, Windows phone, iOS, Android, Web.

¿Cómo usar HTML 5?Para crear una aplicación con HTML 5 completa y funcional necesitamosde 3 componentes.

Componentes

HTML 5 es quien define la estructura básica del proyecto.

<header></header>

<footer></footer>

<nav></nav>

<article>

</article>

<seccion>

</seccion>

<aside>

</aside>

Componentes

CSS3 es quien cuida el estilo y la presentación de la interface de usuario.

Componentes

JavaScript es quien hace que las cosas sucedan (la mayoría) todo en segundo plano (backend).

API´sInterfaz de programación de aplicaciones (IPA) o API del inglesapplication programming interface.

Son el conjunto de subrutinas, funciones o procedimientos que ofrececierta biblioteca para ser utilizado por otro software.

API´s

HTML 5 implementa las siguientes API´s

• Geolocalización• Drag and Drop• Local Storage• App Cache• Web Workers• SSE

Novedades

HTML 5 incluye nuevas etiquetas y nuevos componentes para ser utilizadas en sitios web

• Contenido multimedia Audio/Video (sin plugins)• Animaciones con estilo Adobe Flash (sin Adobe Flash)• Almacenamiento de datos (Local Storage)• Efectos de texto (Animación)

Novedades

HTML 5 además de agregar una gran cantidad de API´s de tipos contenido, diferentes efectos y combinaciones maravillosas con frameworks como BOOTSTRAP, FUNDATION, SEMANTIC UI MATERIALIZE CSS simplifico las etiquetas de HTML 4.

Teniendo un código más sencillo y pequeño.

<!doctype html><html><head><meta charset="UTF-8"><title>titulo</title></head><body>Contenido ...</body></html>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>titulo</title></head><body>Contenido …</body></html>

Simplificar HTML 4.0 à HTML 5

Conclusión / Resumen

En resumenHTML 5 el lenguaje de marcado de hipertexto en version 5 incluye nuevas APIs y novedades para varios navegadores, trabajando en conjuto con otras tecnologias y frameworks.

Termino con la conclusión de que:HTML 5 llego para mejorar la www, dirigiendola a posibilidades infinitas, es decir que nos proporcina una facilidad para crear sitios web, juegos, aplicaciones moviles de una manera simplificada y sencilla.

Dudas preguntas o aclaraciones.

Html 5

Software

Transcript of Html 5