El documento resume la historia y el desarrollo de HTML. Comenzó en 1991 cuando Tim Berners-Lee creó los primeros elementos HTML. En los años siguientes se añadieron nuevas características como CSS, JavaScript y validación XML. En 2004 Ian Hickson propuso HTML5 para permitir aplicaciones web. En 2008, los nuevos elementos de HTML5 plantearon problemas de compatibilidad que se resolvieron con trucos para IE.

1. *
* 05 Marzo 2012
sábado 19 de mayo de 12

2. 1991
HTML Tags: Sir Tim Berners-Lee
sábado 19 de mayo de 12

3. 1997
HTML4: CSS & client-side scripting
sábado 19 de mayo de 12

4. 1999
HTML4.01: bug fixes
sábado 19 de mayo de 12

5. 2000
XHTML1: reformulación de HTML 4 en XML 1.0
sábado 19 de mayo de 12

6. 2001
Microsoft Internet Explorer 6
(95% de la cuota mundial en 2 años)
sábado 19 de mayo de 12

7. 2001-?
XHTML2: primera propuesta
sábado 19 de mayo de 12

8. 2004
“ Thingsfor OperaaSoftwareaatworkshop meeting inthe idea ofHickson, who was to
working
came to head in
the time, proposed
2004. Ian
extending HTML
allow the creation of web applications. The proposal was rejected. ” *
* HTML5 for Web Designers by JEREMY KEITH
sábado 19 de mayo de 12

9. 2005
Web Applications 1.0: by Web Hypertext Application Technology Working Group
(WHATWG)
sábado 19 de mayo de 12

10. 2006
En 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

11. L2 ML5
TM HT
XH
sábado 19 de mayo de 12

12. XHTML2
HT
ML5
sábado 19 de mayo de 12

13. HTML5
HT ML2
X
sábado 19 de mayo de 12

14. HTML5
XHTML2
sábado 19 de mayo de 12

15. HTML5
XHTML2
sábado 19 de mayo de 12

16. X HTML2
HTM
L5
sábado 19 de mayo de 12

17. sábado 19 de mayo de 12

18. XHTML IS DEAD:
LONG LIVE XHTML SYNTAX
*
* HTML5 for Web Designers by JEREMY KEITH
sábado 19 de mayo de 12

19. 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

20. sábado 19 de mayo de 12

21. Estructura:
section
header
hgroup
footer
nav
article
aside
...
sábado 19 de mayo de 12

22. Contenido:
figure
figcaption
mark
time
...
sábado 19 de mayo de 12

23. Forms:
validation*
input types
input attributes
sábado 19 de mayo de 12

24. Media:
audio
video
canvas
sábado 19 de mayo de 12

25. Misconceptions about HTML5
Conceptos erróneos (suena mejor en inglés ;)
sábado 19 de mayo de 12

26. 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

27. 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

28. 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

29. 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

30. 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

31. 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

32. 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

33. ...
sábado 19 de mayo de 12

34. MENOS CUENTO Y MAS
COMPATIBILIDAD
SI, TU EXPLORER!
sábado 19 de mayo de 12

35. sábado 19 de mayo de 12

36. 2008
“Internet is gaining versions 6-8 New elements havethey fail to recognizeinunknown
HTML5
Explorer
momentum.
pose a problem, as
been specified, but practice
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

37. “ BTW, if you want CSS rules to apply to unknown elements in theyou just haveknow
document.createElement(elementName). This somehow lets
IE,
CSS engine
to do
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

38. sábado 19 de mayo de 12

39. “ Ian Hickson, lead heard of this trick before, he was happy to report: ‘This piece of
Web. Having never
editor of the HTML5 spec, was as surprised as the rest of the
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

40. sábado 19 de mayo de 12

41. sábado 19 de mayo de 12

42. sábado 19 de mayo de 12

43. sábado 19 de mayo de 12

44. SEMANTICS
sábado 19 de mayo de 12

45. OFFLINE & STORAGE
sábado 19 de mayo de 12

46. DEVICE ACCESS
sábado 19 de mayo de 12

47. CONNECTIVITY
sábado 19 de mayo de 12

48. MULTIMEDIA
sábado 19 de mayo de 12

49. 3D, GRAPHICS & EFFECTS
sábado 19 de mayo de 12

50. PERFORMANCE & INTEGRATION
sábado 19 de mayo de 12

51. CSS3
sábado 19 de mayo de 12

52. ...próximo capitulo:
a picar código
@elkraneo
sábado 19 de mayo de 12