[Programación]Actualizar solo una parte de la web

Para estructurar las páginas webs, antes se utilizaban los llamados 'frames', siendo sustituidos después por los 'div'. A los divs los podemos entender como los contenedores en los que se estructura nuestra página, por ejemplo, una típica estructura de página web sería la siguiente: En este caso tendríamos unas opciones en el menú (div 2), y según sobre la que hagamos click, cambiará el contenido de 'div 3', un típico funcionamiento de web. Lo que pasa en muchas páginas, es que se refresca toda la página, se vuelve a cargar entera. Lo que voy a explicar es como hacer para que solo se recargue el contenido del div correspondiente, en este caso el 'div 3', manteniéndose el resto de la web sin recargarse. Tenemos entonces nuestra web, un documento 'html' normal y corriente ya estructurado en estos divs. Y tenemos que tener a parte en otros archivos 'html' las distintas páginas que cargaremos en el 'div 3' según las opciones que se elijan en el menú. Nos tenemos que descargar la librería jQuery: http://code.jquery.com/jquery-1.6.1.js De la Wikipedia: jQuery es una biblioteca o framework de JavaScript […] que permite simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejar eventos, desarrollar animaciones y agregar interacción con la técnica AJAX a páginas web. [...] jQuery es software libre y de código abierto, […] al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en JavaScript que de otra manera requerirían de mucho más código, es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio. Guardamos ese código como jquery.js en nuestro directorio de trabajo y ya tenemos disponible la librería. Esa es la última versión hasta ahora (mayo de 2011), en la web están todas las versiones. Vamos a nuestro documento, nuestra web principal, y antes de la etiqueta importamos la librería: Luego pondríamos este código, también antes del Donde 'div2' es el 'id' del 'div' del menú, y 'div3' el 'id' del 'div' del contenido. Básicamente, lo que hace, es que para todos los links que haya en el menú, o 'div2', debe cargar su destino, el documento que enlaza, en el 'div3'. Eso es todo, muy simple, ¿no? La principal ventaja es que navegar por la página es más rápido, ya que no tiene que cargar la página entera cada vez. La desventaja: hay quien prefiere evitar el uso de Javascript si es posible, por el tema de estándares en los navegadores, pero lo cierto es que da muchas posibilidades que no da el 'html'. Veremos si sigue igual con el 'html 5'.