Download - Introducinghtml5
![Page 1: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/1.jpg)
* 05 Marzo 2012
*
sábado 19 de mayo de 12
![Page 2: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/2.jpg)
1991HTML Tags: Sir Tim Berners-Lee
sábado 19 de mayo de 12
![Page 3: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/3.jpg)
1997HTML4: CSS & client-side scripting
sábado 19 de mayo de 12
![Page 4: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/4.jpg)
1999HTML4.01: bug fixes
sábado 19 de mayo de 12
![Page 5: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/5.jpg)
2000XHTML1: reformulación de HTML 4 en XML 1.0
sábado 19 de mayo de 12
![Page 6: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/6.jpg)
2001Microsoft Internet Explorer 6
(95% de la cuota mundial en 2 años)
sábado 19 de mayo de 12
![Page 7: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/7.jpg)
2001-?XHTML2: primera propuesta
sábado 19 de mayo de 12
![Page 8: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/8.jpg)
2004Things came to a head in a workshop meeting in 2004. Ian Hickson, who was
working for Opera Software at the time, proposed the idea of extending HTML to allow the creation of web applications. The proposal was rejected.
* HTML5 for Web Designers by JEREMY KEITH
*
“”
sábado 19 de mayo de 12
![Page 9: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/9.jpg)
2005Web Applications 1.0: by Web Hypertext Application Technology Working Group
(WHATWG)
sábado 19 de mayo de 12
![Page 10: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/10.jpg)
2006En octubre de 2006, Sir Tim Berners-Lee escribió una post en el que admitió que el
intento de mover la web de HTML a XML simplemente no estaba funcionando. Unos meses más tarde, el W3C publicó una nueva carta para un Grupo de Trabajo
HTML. En lugar de empezar desde cero, sabiamente decidió que la labor de la WHATWG debía ser utilizado como base para cualquier versión futura de HTML...
sábado 19 de mayo de 12
![Page 11: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/11.jpg)
XHTML2HTML5
sábado 19 de mayo de 12
![Page 12: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/12.jpg)
XHTML2
HTML5
sábado 19 de mayo de 12
![Page 13: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/13.jpg)
XHTML2HTML5
sábado 19 de mayo de 12
![Page 14: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/14.jpg)
XHTML2
HTML5
sábado 19 de mayo de 12
![Page 15: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/15.jpg)
XHTML2
HTML5
sábado 19 de mayo de 12
![Page 16: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/16.jpg)
XHTML2HTML5
sábado 19 de mayo de 12
![Page 17: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/17.jpg)
sábado 19 de mayo de 12
![Page 18: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/18.jpg)
XHTML IS DEAD: LONG LIVE XHTML SYNTAX
* HTML5 for Web Designers by JEREMY KEITH
*
sábado 19 de mayo de 12
![Page 19: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/19.jpg)
Semántica:El término semántica (del griego semantikos, "lo que tiene significado") se refiere a los aspectos del significado, sentido o interpretación de signos lingüísticos como
símbolos, palabras, expresiones o representaciones formales.
sábado 19 de mayo de 12
![Page 20: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/20.jpg)
sábado 19 de mayo de 12
![Page 21: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/21.jpg)
Estructura:section
header
hgroup
footer
nav
article
aside
...
sábado 19 de mayo de 12
![Page 22: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/22.jpg)
Contenido:
figure
figcaption
mark
time
...
sábado 19 de mayo de 12
![Page 23: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/23.jpg)
Forms:
validation*
input types
input attributes
sábado 19 de mayo de 12
![Page 24: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/24.jpg)
Media:
audio
video
canvas
sábado 19 de mayo de 12
![Page 25: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/25.jpg)
Misconceptions about HTML5Conceptos erróneos (suena mejor en inglés ;)
sábado 19 de mayo de 12
![Page 26: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/26.jpg)
CSS3 es parte de HTML5?No - es una tecnología visual, no tiene nada que ver con el
contenido o la estructura.
sábado 19 de mayo de 12
![Page 27: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/27.jpg)
Web Fonts es parte de HTML5 ?No - es parte de CSS3, y técnicamente ya no se les nombra Web Fonts.
sábado 19 de mayo de 12
![Page 28: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/28.jpg)
Geolocation API es parte de HTML5?No - es una API de JavaScript diseñada para ser implementada por los
navegadores que quieran soportarla.
sábado 19 de mayo de 12
![Page 29: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/29.jpg)
SVG es parte de HTML5?No - es una tecnología completamente independiente que describe
gráficos utilizando XML.
sábado 19 de mayo de 12
![Page 30: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/30.jpg)
Web Storage es parte de HTML5?No - es una API de JavaScript diseñada para ser implementada por los
navegadores que quieran soportarla.
sábado 19 de mayo de 12
![Page 31: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/31.jpg)
Web Workers son parte de HTML5?No - es una API de JavaScript diseñada para ser implementada por los
navegadores que quieran soportarla.
sábado 19 de mayo de 12
![Page 32: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/32.jpg)
WebSockets son parte de HTML5?No - es una API de JavaScript diseñada para ser implementada por los
navegadores que quieran soportarla.
sábado 19 de mayo de 12
![Page 33: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/33.jpg)
...
sábado 19 de mayo de 12
![Page 34: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/34.jpg)
MENOS CUENTO Y MAS COMPATIBILIDAD
SI, TU EXPLORER!
sábado 19 de mayo de 12
![Page 35: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/35.jpg)
sábado 19 de mayo de 12
![Page 36: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/36.jpg)
2008HTML5 is gaining momentum. New elements have been specified, but in practice Internet Explorer versions 6-8 pose a problem, as they fail to recognize unknown elements; the new elements are unable to hold children and CSS has no effect on
them. This depressing fact was posing quite a hindrance to HTML5 adoption.
* HTML5 & CSS3 for the Real World
*
“
”
sábado 19 de mayo de 12
![Page 37: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/37.jpg)
BTW, if you want CSS rules to apply to unknown elements in IE, you just have to do document.createElement(elementName). This somehow lets the CSS engine know
that elements with that name exist.
* Sjoerd Visscher comment on the blog of the W3C HTML Working Group co-chair, Sam Ruby
*
“”
sábado 19 de mayo de 12
![Page 38: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/38.jpg)
sábado 19 de mayo de 12
![Page 39: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/39.jpg)
Ian Hickson, lead editor of the HTML5 spec, was as surprised as the rest of the Web. Having never heard of this trick before, he was happy to report: ‘This piece of information makes building an HTML5 compatibility shim for IE7 far easier than had
previously been assumed.’
* HTML5 & CSS3 for the Real World
*
“
”
sábado 19 de mayo de 12
![Page 40: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/40.jpg)
sábado 19 de mayo de 12
![Page 41: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/41.jpg)
sábado 19 de mayo de 12
![Page 42: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/42.jpg)
sábado 19 de mayo de 12
![Page 43: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/43.jpg)
sábado 19 de mayo de 12
![Page 44: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/44.jpg)
SEMANTICS
sábado 19 de mayo de 12
![Page 45: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/45.jpg)
OFFLINE & STORAGE
sábado 19 de mayo de 12
![Page 46: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/46.jpg)
DEVICE ACCESS
sábado 19 de mayo de 12
![Page 47: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/47.jpg)
CONNECTIVITY
sábado 19 de mayo de 12
![Page 48: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/48.jpg)
MULTIMEDIA
sábado 19 de mayo de 12
![Page 49: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/49.jpg)
3D, GRAPHICS & EFFECTS
sábado 19 de mayo de 12
![Page 50: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/50.jpg)
PERFORMANCE & INTEGRATION
sábado 19 de mayo de 12
![Page 51: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/51.jpg)
CSS3
sábado 19 de mayo de 12
![Page 52: Introducinghtml5](https://reader035.vdocumento.com/reader035/viewer/2022062710/559c23531a28ab7d738b46ab/html5/thumbnails/52.jpg)
...próximo capitulo:a picar código
@elkraneo
sábado 19 de mayo de 12