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