Este documento proporciona una introducción a HTML5, incluyendo sus características principales como elementos gráficos y multimedia, geolocalización y capacidad para usar webs offline. También describe algunas de sus aplicaciones como herramientas de dibujo y videoconferencia en el navegador. Se considera una tecnología moderna debido a que reduce la dependencia de plugins como Flash y mejora el rendimiento de los navegadores.

1. HTML5
Integrantes:
Jhon Cometa
José Luis Dorado
Luis Armando Medina

2. Que es HTML5
HTML5 es la quinta revisión importante del
lenguaje básico de la World Wide Web, HTML.
HTML5 es una colección de estándares para el
diseño y desarrollo de páginas web. Esta
colección representa la manera en que se
presenta la información en el explorador de
internet y la manera de interactuar con ella

3. HTML5 especifica dos variantes de
sintaxis para HTML: un «clásico»
HTML (text / html), la variante
conocida comoHTML5 y una
variante XHTML conocida como
sintaxis XHTML5 que deberá ser
servida como XML (XHTML)
(application/xhtml+xml).

4. • HTML5 es un lenguaje mas simple.
• Html5 es un lenguaje mas semántico.
• Html5 es un lenguaje que deja
desfasadas a las versiones mas
antiguas de los navegadores.
• Html5 incluye mas elementos gráficos y
multimedia.
• Html5 incluye la geolocalización.
• Hmtl5 permite el uso de las webs offline.
¿PARA QUE SIRVE EL HTML5?

5. ¿CUALES SON LAS
CARACTERÍSTICAS
PRINCIPALES DE
HTML5?

6. LAS REGLAS BÁSICAS QUE
PLANTEARON A LA HORA DE
ACTUALIZAR A HTML 5 FUERON:
 Basarse en HTML, CSS, DOM y JS.
 Reducir la necesidad del uso de plugins,
como por ejemplos flash.
 Mejorar el tratamiento de errores.
 Crear etiquetas que reemplacen el uso de
scripts.
 Lenguaje que pueda utilizarse en cual tipo
de dispositivo como móviles, PDA’s, etc.

7. ESTRUCTURA
DEL CUERPO

8. CANVAS
Es un nuevo componente que
permitirá dibujar, por medio de
las funciones de un API, en la
pagina todo tipo de formas, que
podrán estar animadas y
responde a la interacción del
usuario.

9. ETIQUETAS PARA
CONTENIDO ESPECIFICO.
Ahora se utilizarán etiquetas
específicas para cada tipo de
contenido en particular, como
audio, video, etc.

10. GEOLOCALIZACIÓN
Las páginas web se podrán
localizar geográficamente
por medio de un API que
permita la Geolocalización.

11. NUEVAS APIS PARA
INTERFAZ DE USUARIOS
Temas tan utilizados como el
“drag & drop” (arrastrar y
soltar) en las interfaces de
usuario de los programas
convencionales, serán
incorporadas al HTML 5 por
medio de un API.

12. FIN DE LAS ETIQUETAS
DE PRESENTACIÓN
Todas las etiquetas que tienen
que ver con la presentación
serán eliminadas. La
responsabilidad de definir el
aspecto de una web correrá a
cargo únicamente de CSS.

14. ¿CUALES SON LAS
APLICACIONES O
USOS DE HTML5?

15. DeviantART muro. Una aplicación de
dibujo basado en HTML 5 en todos los
navegadores modernos, y se puede
bucear y empezar a dibujar sobre un
lienzo en blanco.
HootSuite. Panel de control social
basado en HTML5 con muy útiles: geo-
localización de Tweet, búsqueda,
elección entre retweets con estilo nuevo
y viejo, con Google Analytics, interfaz
personalizado y mucho más.

16. Build with Google: LEGO en tu navegador

17. Appear.in: videoconferencias sin necesidad de plugins

18. ¿CUALES SON LAS
VENTAJAS Y
DESVENTAJAS DE
HTML5?

19. Hace que se dependa menos de
Flash, Silverlight y ciertas
librerías de JavaScript.
Hace que el navegador dibuje
y ejecute de forma más rápida la
web.
VENTAJAS

20. TIENE UNA SINTAXIS
MÁS CLARA.

21. NUEVOS ELEMENTOS DE
FORMULARIO

22. ELEMENTOS SEMÁNTICOS MÁS
CONCRETOS.
Para que estos
elementos sean
compatibles en los
navegadores antiguos
se puede usar un
pequeño archivo JS
html5.shiv el cual se
encarga de crear
elementos que no
existen

23. La especificación de HTML 5 no ha finalizado, aún pueden
sucederse cambios.
No todo funciona en todos los navegadores.
DESVENTAJAS

24. ¿POR QUÉ SE PUEDE APLICAR EN
DETERMINADO PROBLEMA O EN
CIERTOS SISTEMAS DE HTML5?

25. El HTML5 no es una cosa grande como un todo,
sino una colección de elementos individuales
por consiguiente lo que sí se podrá será detectar si
los navegadores soportan cada elemento por
separado. Todos los objetos DOM comparten unas
características comunes, aunque algunos tienen
más que otros.
En los navegadores que soportan rasgos del
HTML5, algunos objetos tienen una única propiedad
y con una simple ojeada al DOM podremos saber las
características que soporta el navegador.

26. ¿POR QUÉ SE CONSIDERA UNA
TECNOLOGÍA DE PUNTA O
MODERNA A HTML5?

27. Tecnología de punta es, un término utilizado por todos, entendido a
plenitud por algunos, pero que otros asimilan sólo con
computadores, elementos electrónicos o relacionados.
Este tema, que tiene tanto qué expresar, se considera una
herramienta útil que mantiene a las empresas vigentes y que
contribuye a que éstas aumenten su rentabilidad a través de la
agilización y efectividad en compras, ventas y, por supuesto,
publicidad.
La tecnología de punta ha permitido que el desarrollo de las
empresas adquiera una dinámica diferente, que utilicen lo nuevo para
hacer la vida de los clientes más fácil, llevadera y grata.

28. CSS es un lenguaje para escribir estilos.
Bordes redondeados
Controla la presentación de los documentos
definidos con HTML y XHTML.
Sombra a los textos y elementos
Transformaciones, animaciones y
transiciones
Imprescindible para la creación de paginas
web complejas.

29. Dentro de unos años, la mayoría de los navegadores
soportarán estas características y, emplearlas, constituirá
una ventaja con respecto al rendimiento, tanto por parte del
navegador, como por parte del desarrollador.
CONCLUSIÓN