HTML 5 Y CSS 3 ¡El Futuro Ya Está Aquí!

HTML 5 y CSS 3 ¡el futuro ya está aquí!

Zamudio, 22-10-09

• Introducción: evolución de los estándares HTML, XHTML y CSS. • Diferencias entre HTML 5 / CSS 3 y sus versiones previas. • Nuevos elementos HTML 5 y CSS 3. • Ejemplos. • Soporte en los navegadores actuales.

Las especificaciones HTML 5 y CSS 3 se encuentran en fase de creación y desarrollo, por lo que todos los elementos, atributos y propiedades que se van a ver en esta presentación pueden variar e incluso desaparecer de la futura especificación final .

W3C: • 1997: publica HTML 4 como recomendación. • 1997-2006: centra su esfuerzo en el desarrollo de XHTML 1 .

“XHTML 2.0 seems to me the live proof that something is going wrong at W3C... I strongly suggest dropping all XHTML 2.0 efforts in favor of a new “xHTML 5.0” language. Clearly a successor to HTML 4, feature-oriented, made for the web.”

Daniel Glazman, Diciembre 2002

“The dream of a new web, based on XHTML+SVG+SMIL+XForms, is just that — a dream... The best way to help the Web is to incrementally improve the existing web standards... so that web content authors can actually deploy new formats interoperably.”

Brendan Eich, Junio 2004

Web Hypertext Application Technology Working Group: • Junio’04 – Marzo’07: trabajando en una evolución del HTML (no XHTML) al margen del W3C.

WHATWG está formado por:

W3C: • Marzo’07: – crea un Grupo de trabajo (Working Group) para desarrollar HTML 5 . – crea otro Grupo de trabajo para desarrollar XHTML 2 .

Ambos grupos trabajan en paralelo .

W3C: • Febrero’09: – Se anuncia que el Grupo de trabajo de XHTML 2 cesará su actividad a finales de 2009. – Se aumentarán los recursos para el Grupo de trabajo de HTML 5 . – El trabajo de mantenimiento sobre XHTML 1.1 continuará, para arreglar bugs.

“We're investing in HTML 5 for the future” (Ian Jacobs).

“XHTML was a rat hole, and now we can use W3C folks to help make HTML 5 better” (Dion Almaer).

© ESI 2009 14 HITOS • Abril’07 : especificaciones HTML 5 y Web Forms 2.0 adoptadas como bases para revisión. • Noviembre’07 : (principios de diseño HTML) 1º borrador de trabajo público. • Febrero’08 : 1º borrador de trabajo público. • Marzo’09* : Última llamada borrador de trabajo.

• Junio’09 : Candidato a Recomendación. • Junio’10 : Propuesto a Recomendación. • Septiembre’10 : HTML5 es Recomendación.

* los editores estiman Octubre’09 © ESI 2009 15 FECHA ESTIMADA

Todas las estimaciones apuntan al año 2012…

… pero también podría ser en 2015. ¿apostamos?

• Proveer buen soporte para contenidos existentes y aplicaciones web. • Optimizar la retro-compatibilidad (con HTML 4, XHTML 1) • Nuevas APIs. • Asegurar la interoperabilidad. • Definir de manera precisa el comportamiento de los Agentes de Usuario. • Especificación formal del manejo de errores . • Evolución (no revolución).

• HTML no es XML. • HTML no es SGML. • La mayoría del contenido HTML no está bien formado (de acuerdo a XML).

Y a pesar de los fallos, las páginas web se visualizan y evolucionan!!

“Authors will write invalid content regardless of what we spec. So the spec states what authors must not do, and then tells implementers what they must do when an author does it anyway” (Ian Hickson).

“The attempt to get the world to switch to XML, including quotes around attribute values and slashes in empty tags and namespaces all at once didn't work” (Tim Berners-Lee, Octubre’06).

¿Cuál es realmente un error grave?

• • • • • bla, bla, bla

Elementos: Atributos: • acronym • abbr • applet • archive • basefont • axis • big • charset • center • classid • dir • codetype • font • declare • frame • header • frameset • name • isindex • nohref • noframes • profile • noscript • rev • s • scheme • strike • standby • tt • summary • u • target • valuetype

Simplificación al máximo:

• antes:

• ahora:

• Estructuración. • Multimedia. • Gráficos. • Formularios. • Nuevas APIs. • Otros elementos.

Nuevos elementos: •

•