Recomendados
Más contenido relacionado
Similar a Introducción a HTML5
Similar a Introducción a HTML5 (20)
Último
Último (20)
Introducción a HTML5
- 1. Introducción a HTML 5 Alejandro Lagos LagosRguez alejandrolagosr.wordpress.com
- 13. HTML 5 hace tan fácil <video> como <img>
- 16. //La API de geolocalización ofrece a tus aplicaciones un sistema de ubicación
- 18. //Localmente: bases de datos, almacenamiento en caché, el user data, y los recursos de la aplicación
- 19. Web poderosa == Aplicaciones poderosas Pero.. Más poder == Más responsabilidad
- 20. //Los web workers ayudan a ejecutar scripts en segundo plano.
- 22. • article • header • aside • mark • audio • meter • canvas • nav • command • nest • datagrid • output • datalist • progress • datatemplate • source • embed • time • event-source • video • figure • footer
- 24. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” http://www.w3.org/TR/xhtml1/DTD/chtml1-strict.dtd> <html xmlns=http://www.w3.org/1999/xhtml> <head> <meta http-equiv=“Content-Type” content=“text/html: Charset=utf-8”>
- 25. <!doctype html> <html> <head> <meta charset = “utf-8”>
- 26. • Frames • acronym, basefont, big, center, font, s, strike, tt, u • atributo language en los scripts • carga de atributos de presentación: cellpading, cellspacing, width & height en tablas y celdas, align & valign,clear,size en las entradas
- 27. • Un set de elementos, atributos y tipos de entrada • Completo modelo de repetición para formularios con campos recursivos • Mejores soluciones para Combo-boxes y sugerencias de búsqueda autocompletada (atributo list, datalist & select)
- 28. Tipo de entrada Descripción de la entrada tel Un número telefónico search Una entrada de búsqueda url Una dirección mail Un e-mail datetime Una hora o fecha range Un numero dentro de un rango color Colores con valor hexadecimal
- 29. <input type = “date”> en Opera
- 30. • required, placeholder, autofocus, autocomplete, inputmode • Validación con el atributo pattern (usando expresiones regulares) • min, max (número de archivos para subidas multi- archivo)
- 31. • Set de elementos, atributos y APIs • Porque ya no estamos en 1998 • La web ya no es una colección de páginas estáticas
- 34. • metter, progress, output, time • m para contenido marcado (como resultado de búsquedas) • embed (finalmente un estándar) • video y audio
- 35. • ping para links (rastreo de redireccionamientos) • target está de vuelta! • contenteditable (finalmente un estándar) • <iframe> tiene ahora seamless y sandbox
- 36. • Set de objetos Javascript, métodos y eventos +Drag and drop +Canvas (estandarizado) +Notificaciones +Mensajes entre documentos +Media (estandarizado) +Stream múltiple +add(), has(), remove(), hasFocus() +Mucho, mucho, mucho más…
- 37. *Incluyendo las dos especificaciones y la prueba completa.
- 39. 3 razones por las que no debe importarte: 1.- En 2012 se acabará el mundo. 2.- Hay implantaciones interoperables actualmente. 3.- Por que puedes empezar desde HOY
- 40. Haz la prueba con tú navegador: http://html5test.com
- 41. The HTML 5 Test: http://html5test.com W3 Schools: http://www.w3schools.com HTML 5 Rocks: http://www.html5rocks.com W3: http://www.w3.org
- 42. Introducción a HTML 5 Alejandro Lagos Muchas Gracias! LagosRguez alejandrolagosr.wordpress.com