Introducinghtml5

* 05 Marzo 2012

*

sábado 19 de mayo de 12

1991HTML Tags: Sir Tim Berners-Lee


1997HTML4: CSS & client-side scripting


1999HTML4.01: bug fixes


2000XHTML1: reformulación de HTML 4 en XML 1.0


2001Microsoft Internet Explorer 6

(95% de la cuota mundial en 2 años)


2001-?XHTML2: primera propuesta


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

*

“”


2005Web Applications 1.0: by Web Hypertext Application Technology Working Group

(WHATWG)


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


XHTML2HTML5


XHTML2

HTML5


XHTML2HTML5


XHTML2

HTML5


XHTML2HTML5


XHTML IS DEAD: LONG LIVE XHTML SYNTAX

* HTML5 for Web Designers by JEREMY KEITH

*


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.


http://es.wikipedia.org/wiki/Significado

http://es.wikipedia.org/wiki/Significado

http://es.wikipedia.org/wiki/Sentido

http://es.wikipedia.org/wiki/Sentido

Estructura:section

header

hgroup

footer

nav

article

aside

...


Contenido:

figure

figcaption

mark

time

...


Forms:

validation*

input types

input attributes


Media:

audio

video

canvas


Misconceptions about HTML5Conceptos erróneos (suena mejor en inglés ;)


CSS3 es parte de HTML5?No - es una tecnología visual, no tiene nada que ver con el

contenido o la estructura.


Web Fonts es parte de HTML5 ?No - es parte de CSS3, y técnicamente ya no se les nombra Web Fonts.


Geolocation API es parte de HTML5?No - es una API de JavaScript diseñada para ser implementada por los

navegadores que quieran soportarla.


SVG es parte de HTML5?No - es una tecnología completamente independiente que describe

gráficos utilizando XML.


Web Storage es parte de HTML5?No - es una API de JavaScript diseñada para ser implementada por los



Web Workers son parte de HTML5?No - es una API de JavaScript diseñada para ser implementada por los



WebSockets son parte de HTML5?No - es una API de JavaScript diseñada para ser implementada por los



...


MENOS CUENTO Y MAS COMPATIBILIDAD

SI, TU EXPLORER!



http://dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com/

http://dowebsitesneedtobeexperiencedexactlythesameineverybrowser.com/

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

*

“

”


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

*

“”


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

*

“

”


SEMANTICS


OFFLINE & STORAGE


DEVICE ACCESS


CONNECTIVITY


MULTIMEDIA


3D, GRAPHICS & EFFECTS


PERFORMANCE & INTEGRATION


CSS3


...próximo capitulo:a picar código

@elkraneo


http://twitter.com/elkraneo

http://twitter.com/elkraneo

Introducinghtml5

Technology

Transcript of Introducinghtml5