{"id":130,"date":"2013-12-02T09:00:08","date_gmt":"2013-12-02T08:00:08","guid":{"rendered":"https:\/\/blogs.ua.es\/idesweb\/?p=130"},"modified":"2013-11-24T10:43:38","modified_gmt":"2013-11-24T09:43:38","slug":"historia-de-html","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/idesweb\/2013\/12\/02\/historia-de-html\/","title":{"rendered":"Historia de HTML"},"content":{"rendered":"

Historia de HTML<\/a>:<\/p>\n

[kml_flashembed movie=”http:\/\/www.youtube.com\/v\/EEttUcYhv30″ width=”560″ height=”315″ wmode=”transparent” \/]<\/p>\n

Transcripci\u00f3n:<\/strong><\/p>\n

Hola, soy Sergio Luj\u00e1n Mora, profesor de inform\u00e1tica de la Universidad de Alicante, y en este v\u00eddeo que forma parte del curso \u201cIntroducci\u00f3n al desarrollo web\u201d, te voy a hablar de la historia del lenguaje HTML.<\/p>\n

Antes de empezar, me gustar\u00eda recordarte algunos de los sitios web en los que puedes encontrar m\u00e1s informaci\u00f3n sobre m\u00ed y sobre mi trabajo, y dos formas de contactar conmigo, a trav\u00e9s de mi correo electr\u00f3nico sergio.lujan@ua.es y a trav\u00e9s de mi cuenta en Twitter @sergiolujanmora.<\/p>\n

Si ya has visto las dos partes del v\u00eddeo \u201cHistoria de la Web: su nacimiento\u201d, sabr\u00e1s que Tim Berners-Lee es considerado el padre de la Web porque desarroll\u00f3 las tres tecnolog\u00edas fundamentales en las que se basa la Web:<\/p>\n

HTML, HyperText Markup Language, el lenguaje de marcado o etiquetado que se emplea para crear, para escribir, los documentos o p\u00e1ginas web.
\nURL, Uniform Resource Locator, el localizador de recursos uniforme, el sistema de localizaci\u00f3n o direccionamiento de los documentos web.
\nY HTTP, HyperText Transfer Protocol, el protocolo o lenguaje con el que se comunican el navegador y el servidor web y que se emplea para transmitir los documentos web por Internet.<\/p>\n

Lo que nos interesa para este v\u00eddeo es que Tim Berners-Lee desarroll\u00f3 la primera versi\u00f3n del lenguaje HTML. En este v\u00eddeo te voy a explicar la evoluci\u00f3n del lenguaje HTML durante sus primeros a\u00f1os.<\/p>\n

La mejor informaci\u00f3n sobre los primeros a\u00f1os del lenguaje HTML la podemos encontrar en el libro \u201cRaggett on HTML4\u201d, del a\u00f1o 1998.<\/p>\n

Afortunadamente, existe una versi\u00f3n online del cap\u00edtulo 2 de este libro, el cap\u00edtulo que est\u00e1 dedicado a contar la historia de HTML.<\/p>\n

Dave Raggett, uno de los autores de este libro, fue el editor de la especificaci\u00f3n del lenguaje HTML durante muchos a\u00f1os, as\u00ed que lo que nos cuenta en su libro lo sabe por haber sido protagonista de ello en primera persona.<\/p>\n

Tim Berners-Lee desarroll\u00f3 el lenguaje HTML a partir de SGML, Standard Generalized Markup Language, un est\u00e1ndar ISO del a\u00f1o 1986 que se emplea para la organizaci\u00f3n y etiquetado de textos.<\/p>\n

El lenguaje SGML sirve para especificar las reglas de etiquetado de documentos y no impone en s\u00ed ning\u00fan conjunto de etiquetas en especial. Por tanto, SGML es equivalente al actual XML.<\/p>\n

Como podemos ver en este ejemplo, un documento creado seg\u00fan SGML se parece bastante a HTML, o mejor dicho, HTML se parece a SGML, ya que SGML es anterior a HTML. El uso de una pareja de etiquetas para marcar partes del texto en HTML est\u00e1 tomado directamente de SGML, al igual que ciertas etiquetas como <p>, los encabezados <h1>, <h2>, etc., o las etiquetas de lista como <ol>, <ul> y <li>, que eran muy comunes en lenguajes creados a partir de SGML.<\/p>\n

Sin embargo, lo que SGML no inclu\u00eda, y s\u00ed que es una invenci\u00f3n propia de Tim Berners-Lee es la etiqueta <a> con el atributo href para los enlaces o hiperv\u00ednculos.<\/p>\n

Recordemos que noviembre de 1990 se suele fijar como el nacimiento de la Web: Tim Berners-Lee public\u00f3 su primer sitio web y realiz\u00f3 la primera conexi\u00f3n desde un navegador mientras trabaja en el CERN, el laboratorio europeo de investigaci\u00f3n en f\u00edsica de part\u00edculas en Suiza.<\/p>\n

Voy a emplear el siguiente diagrama para seguir la evoluci\u00f3n del lenguaje HTML. En la parte superior se muestra la evoluci\u00f3n del lenguaje HTML, mientras que en la parte inferior se muestra la evoluci\u00f3n de los navegadores m\u00e1s populares. Por ahora nos vamos a fijar en los primeros a\u00f1os del lenguaje HTML, hasta la publicaci\u00f3n de la versi\u00f3n 4.<\/p>\n

Las primeras versiones de HTML no fueron estandarizadas, en parte porque su uso no estaba muy extendido, as\u00ed que no era necesaria una estandarizaci\u00f3n formal.<\/p>\n

El primer intento de estandarizaci\u00f3n lo encontramos en el borrador \u201cHypertext Markup Language\u201d de junio de 1993, escrito por Tim Berners-Lee y Daniel Conolly. Este documento se considera la primera versi\u00f3n del lenguaje HTML, la 1.0. Daniel Conolly desarroll\u00f3 el primer DTD de HTML, como podemos leer en este mensaje de junio de 1992. Esta primera versi\u00f3n de HTML no dispon\u00eda de algunos elementos que son imprescindibles hoy en d\u00eda en las p\u00e1ginas web, como las tablas y los formularios.<\/p>\n

Y por otro lado, permit\u00eda crear documentos que hoy en d\u00eda no son v\u00e1lidos, como este ejemplo en el que no aparecen ni la etiqueta <head> ni la etiqueta <body>, y la etiqueta <title> est\u00e1 escrita al mismo nivel que el resto del contenido de la p\u00e1gina.<\/p>\n

En julio de 1993 se comenz\u00f3 a trabajar en la especificaci\u00f3n de la siguiente versi\u00f3n de HTML, que dio lugar a HTML+ en noviembre de 1993, que nunca lleg\u00f3 a estandarizarse. HTML+ estaba compuesto de encabezados, p\u00e1rrafos, listas, figuras, tablas, formularios, texto preformateado y f\u00f3rmulas matem\u00e1ticas. La principal novedad de HTML+ es que incorporaba por primera vez las tablas y los formularios.<\/p>\n

Por cierto, si se revisa el documento de HTML+ se pueden encontrar algunas cosas curiosas, como la propuesta de la etiqueta <FIG> con la etiqueta <CAPTION> para definir figuras. \u00bfY por qu\u00e9 es curioso?<\/p>\n

Muy sencillo, est\u00e1s dos etiquetas finalmente no formaron parte del est\u00e1ndar de HTML, sin embargo, en HTML5, la nueva versi\u00f3n de HTML, incorpora como novedades las etiquetas <figure> y <figcaption>, que son muy parecidas a <fig> y <caption>.<\/p>\n

Otra curiosidad de HTML+ es que incorporaba la posibilidad de definir ecuaciones matem\u00e1ticas en HTML.<\/p>\n

Esta caracter\u00edstica al final no se incluy\u00f3 en HTML, pero dio lugar a un lenguaje totalmente independiente, llamado MathML que ya va por la tercera versi\u00f3n.<\/p>\n

Quiz\u00e1s te est\u00e9s preguntando, \u00bflleg\u00f3 a existir un navegador que aceptase las nuevas etiquetas de HTML+?<\/p>\n

S\u00ed, por supuesto, se llamaba Arena, y era un navegador desarrollado como prueba de concepto para mostrar las nuevas posibilidades de HTML.<\/p>\n

En octubre de 1994 se funda el W3C, el World Wide Web Consortium, que a partir de entonces se encargar\u00e1 del desarrollo de las tecnolog\u00edas que mueven la Web.<\/p>\n

Y por fin llegamos a noviembre de 1995, cuando se publica HTML 2.0, la primera versi\u00f3n de HTML que fue realmente un est\u00e1ndar, en concreto, fue un Request for Comments, a\u00fan no era una recomendaci\u00f3n del W3C.<\/p>\n

Mientras tanto, empez\u00f3 a fraguarse la primera guerra de los navegadores, entre Microsoft y Netscape.<\/p>\n

Un elemento de esa guerra fue la inclusi\u00f3n de ciertas caracter\u00edsticas especiales en los navegadores para distinguirlos de la competencia. As\u00ed, por ejemplo, Netscape invent\u00f3 la etiqueta <blink>, mientras que Microsoft invent\u00f3 la etiqueta <marquee>. Ambas etiquetas no han formado parte del est\u00e1ndar en ning\u00fan momento y no se deben emplear.<\/p>\n

En enero de 1997 se public\u00f3 HTML 3.2, la primera versi\u00f3n estandarizada por el W3C.<\/p>\n

Y en diciembre de 1999 se public\u00f3 la \u00faltima revisi\u00f3n, HTML 4.01.<\/p>\n

\u00bfQu\u00e9 pas\u00f3 a continuaci\u00f3n?<\/p>\n

El W3C abandon\u00f3 el desarroll\u00f3 de HTML y concentr\u00f3 todos sus esfuerzos en el desarrollo de XML, un metalenguaje que define unas reglas para definir otros lenguajes.<\/p>\n

En enero de 2000 se public\u00f3 XHTML 1.0, una reformulaci\u00f3n de HTML 4 utilizando como base XML 1.0. XHTML 1.0 era como HTML 4.01, ten\u00eda las mismas etiquetas, pero impon\u00eda unas reglas m\u00e1s estrictas para que los documentos fueran v\u00e1lidos.<\/p>\n

Y una revisi\u00f3n de XHTML 1.0 fue publicada en agosto de 2002.<\/p>\n

Sin embargo, XHTML no triunf\u00f3 y la gente segu\u00eda usando HTML. \u00bfPor qu\u00e9? Seguramente porque XHTML era muy estricto y la gente no estaba preparada para ello.<\/p>\n

As\u00ed que, en el a\u00f1o 2004, un grupo llamado WHATWG y formado por Apple, Mozilla y Opera, se forma y comienza el desarrollo de un HTML m\u00e1s cercano a la gente. El W3C rectifica, cancela el desarrollo de XHTML, y se une a WHATWG para desarrollar HTML5.<\/p>\n

Si quieres saber m\u00e1s sobre el nacimiento de HTML5 y c\u00f3mo fue que el W3C cancel\u00f3 el desarrollo de XHTML, te recomiendo la lectura del art\u00edculo \u201cThe Web is Reborn\u201d.<\/p>\n

En la actualidad, enero de 2013, HTML5 se encuentra en el estado de recomendaci\u00f3n candidata y aunque todav\u00eda no es un est\u00e1ndar, ya se est\u00e1 trabajando en la siguiente versi\u00f3n 5.1, que incorporar\u00e1 aquello que no est\u00e9 incluido en la versi\u00f3n 5.<\/p>\n

La hoja de ruta que se ha marcado el W3C establece que HTML 5.0 ser\u00e1 una especificaci\u00f3n oficial a finales del a\u00f1o 2014, y la versi\u00f3n 5.1 a finales del a\u00f1o 2016.<\/p>\n

Y ya por \u00faltimo, si quieres leer alguna cosa m\u00e1s sobre la historia del lenguaje HTML, por ejemplo, para contrastar todo lo que te he contado aqu\u00ed, te recomiendo estas dos lecturas.<\/p>\n

Recuerda que este v\u00eddeo forma parte del curso \u201cIntroducci\u00f3n al desarrollo web\u201d que est\u00e1 disponible en la direcci\u00f3n idesweb.es.<\/p>\n

Muchas gracias por tu atenci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"

Historia de HTML: [kml_flashembed movie=”http:\/\/www.youtube.com\/v\/EEttUcYhv30″ width=”560″ height=”315″ wmode=”transparent” \/] Transcripci\u00f3n: Hola, soy Sergio Luj\u00e1n Mora, profesor de inform\u00e1tica de la Universidad de Alicante, y en este v\u00eddeo que forma parte del curso \u201cIntroducci\u00f3n al desarrollo web\u201d, te voy a hablar de la historia del lenguaje HTML. Antes de empezar, me gustar\u00eda recordarte algunos de los … <\/p>\n

Continue reading “Historia de HTML”<\/span><\/a><\/p>\n","protected":false},"author":40,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[676],"tags":[],"class_list":["post-130","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/posts\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/users\/40"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":1,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/posts\/130\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/posts\/130\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/media?parent=130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/categories?post=130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/idesweb\/wp-json\/wp\/v2\/tags?post=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}