Código: HOL-IE902. 1995: Se formaliza el HTML 2.0 y con ello la sintaxis y la mayoría de las reglas que se encuentran actualmente implementadas 1997:

Presentación del tema: "Código: HOL-IE902. 1995: Se formaliza el HTML 2.0 y con ello la sintaxis y la mayoría de las reglas que se encuentran actualmente implementadas 1997:"— Transcripción de la presentación:

1 Código: HOL-IE902

2 1995: Se formaliza el HTML 2.0 y con ello la sintaxis y la mayoría de las reglas que se encuentran actualmente implementadas 1997: HTML 3.2 durante mucho tiempo ignorado por las empresas que proveen navegadores, las cuales implementan sus propias etiquetas 1998: Presionadas por la adopción de los estándar web, se otorga peso a las recomendaciones del W3C y se promocionan navegadores basados en dichos estándar 1999: Se estabiliza la sintaxis y la estructura del HTML 4.0, convirtiéndose en el estándar para la web 2000: Nace el XHTML 1.0 diseñado para adaptar el HTML a XML. Uso de DTD para renderizar como HTML 2000-2004: El incremento de las conexiones en el ancho de banda es alto, produciéndose una demanda en el campo del desarrollo de las aplicaciones y la multimedia, donde tecnologías como Flash y Ajax hacen que se trabaje en la especificación XHTML 2.0 2004: No satisfechos con la dirección de XHTML, Apple, Mozilla y Opera proponen evolucionar el estándar HTML 4.0. Aunque son rechazados, forman el WHATWG (Web Hypertext Application Technology Working Group) 2005: Se publica el borrador de trabajo Web Applications 1.0 2007: El W3C adopta el trabajo de WHATWG en un nuevo capítulo, publicando lo que sería el borrador de trabajo de HTML 5 2009: Última llamada expedido para el proyecto de trabajo de HTML 5. El W3C no renueva XTML 2.0 HTML5 emitió una última llamada en 2009. Se prevé que alcanzará la condición de candidato en 2012, finalizaran las pruebas en 2020, y alcanzara la categoría de recomendación de pleno derecho en 2022

3

4 Nuevas funcionalidades: Javascript nativo integrado dentro del navegador Único DOM compartido entre IE y el motor JavaScript ECMAScript5 DOM basado en especificación WebIDL Los objetos DOM son ahora objetos ECMAScript5 Los objetos DOM son completamente detectables (por primera vez en cualquier navegador) Mejoras de rendimiento al incluir renderizado de aceleración por hardware mediante el nuevo compilador Javascript y soporte gráfico para renderizado SVG (Scalable Vector Graphics rendering) Incremento de soporte para estándares como las fuentes embedidas utilizando el estándar WOFF y mejorada la puntuación Acid 3 o soporte para Cascading Style Sheets (CSS) 3 Mejoras de parseo: Parseo de documentos con mime-type igual a application/xhtml+xml como XHTML Parseo de SVG en HTML Elementos genéricos Solapado de etiquetas Test adicionales enviados a los grupos de trabajo en el W3C Nuevos ejemplos de desarrollo en el sitio Internet Explorer 9 Test Drive siteInternet Explorer 9 Test Drive site Continuo feedback desde Connect Descarga de IE9 Platform Preview: http://ie.microsoft.com/testdrive/http://ie.microsoft.com/testdrive/

5

6 Última versión del lenguaje HTML. Introduce nuevos elementos que incorporan en nuestras páginas más semántica permitiendo de forma fácil a los buscadores y a lectores de pantalla navegar por nuestras páginas, y mejorar la experiencia web para todos. HTML 5 incluye APIs para dibujar gráficos en pantalla, almacenamiento de datos sin conexión, técnica de arrastrar y soltar, etc. HTML 5 soporta almacenamiento DOM (DOM Storage) como parte de la especificación de almacenamiento webalmacenamiento web Navegación Ajax Cross Document Messaging según especificación HTML5 Web MessagingHTML5 Web Messaging Agrega soporte para audio y video nativo reduciendo la necesidad de plugins Soporte SVG nativo DTD simplificadas: Web Forms 2.0 nativo

7 y : se incluyen elementos de vídeo y audio, que permiten a las páginas visualizar el video sin necesidad de un reproductor externo permitiéndose la precarga, reproducción, bucles y control de ajuste de volumen. : el elemento lienzo permitirá a los desarrolladores web diseñar y manipular gráficos 2D de una manera que en la actualidad sólo es posible con plugins externos, como por ejemplo Adobe Flash, mediante el uso de la especificación Canvas 2DCanvas 2D : Proporcionará la capacidad de mostrar datos en una rejilla a través acabando con la necesidad de un control de terceros o el uso del elemento de la tabla y HTML dinámico para crear una cuadrícula de datos Estructura mejorada: Elementos para utilizar por los diseñadores web con una nueva estructura mejorada de HTML para su utilización con CSS y etiquetas DIV:,,,,, etc.

8

9 Las APIs de almacenamiento DOM proporcionan dos mecanismos relacionados con la persistencia de datos en cliente de forma segura: SessionStorage LocalStorage El almacenamiento DOM es a menudo comparado con las cookies HTTP. Al igual que las cookies, los desarrolladores web pueden almacenar por sesión o por dominio datos pares de nombre/valor en aquellos clientes que utilicen almacenamiento DOM. Sin embargo, a diferencia de las cookies, el almacenamiento DOM hace más fácil controlar cómo la información almacenada por una ventana es visible para otra. Ofrece espacio de almacenamiento mayor que las cookies (un total de 10 Mg a diferencia de los 4 Kb de las cookies). Funcionalmente, las áreas de almacenamiento del cliente son muy diferentes de las cookies. Almacenamiento DOM no transmite los valores al servidor con cada petición como "cookies", ni tampoco los datos en un área de almacenamiento local expiran

10 Antes: Ahora: Antes: Ahora:

11 Especificación Web Forms 2.0 integrada en HTML 5 Controles de fecha, color, numéricos agregados Campos input type ahora incluyen búsqueda, email y urls Métodos de formulario Put y Delete incluidos

12 SVG permite generar gráficos utilizando lenguaje XML permitiendo la creación de imágenes complejas y dinámicas. IE9 Platform Preview esta basado en la recomendación de especificación SVG 1.1 (Segunda edición)SVG 1.1 (Segunda edición) Se soportan las siguientes formas para integrar SVG: Fragmentos SVG en HTML5 embebido utilizando simplemente la inclusión de una etiqueta en el código HTML SVG como un tipo completo de documento (con extensión de archivo *.svg SVG en XML o XHTML (similar a incluir fragmentos en HTML5 method, pero en archivos XML o XHTML) SVG con una imagen en estilos CSS SVG utilizando la etiqueta object como en el siguiente ejemplo : SVG utilizando la etiqueta img, embed, iframe o frame como en el ejemplo siguiente:

13 Internet Explorer Platform Preview integra los siguientes elementos de formas básicas: Rectángulo (rect) Círculo (circle) Elipse (ellipse) Línea (line) Polilínea (polyline) Polígono (polygon) Ejemplo de rectángulos SVG :

14