≡ Menu

Aprenda todo lo que necesita saber sobre la historia de html

Casi todas las personas del mundo usan computadoras, la globalización ha hecho que sea un artículo, pudiera decirse, indispensable, para las actividades rutinarias de hoy día. Pero, ¿conocen realmente cómo funciona todo ese sistema? ¿Cómo se logran comunicar? ¿Qué es HTML? ¿WORLD WILDE WEB? Conozca la historia de HTML.

Historia-de-html-01

¿Qué es y como comienza la historia de HTML?

En cualquier buscador si buscamos la definición de HTML, probablemente encontraremos algunas como éstas:

Tambien Te Recomiendo Ver...

HTML es un lenguaje de programación que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a Hyper Text Markup Language, es decir, Lenguaje de Marcas de Hipertexto”.

HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la sigla que corresponde a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto, que podría ser traducido como Lenguaje de Formato de Documentos para Hipertexto”.

HTML, que significa Lenguaje de Marcado para Hipertextos (HyperText Markup Language) es el elemento de construcción más básico de una página web y se usa para crear y representar visualmente una página web. Determina el contenido de la página web, pero no su funcionalidad. Otras tecnologías distintas de HTML son usadas generalmente para describir la apariencia/presentación de una página web (CSS) o su funcionalidad (JavaScript)”.

Pero, ¿qué nos dicen exactamente esas definiciones? Tiene mucha carga técnica que no sabremos interpretar, pudiera por allá remotamente uno pensar que el HTML es el que incluye el diseño gráfico de las páginas Web, pero no es así. Veamos cómo es realmente, conociendo la historia de HTML.

Historia-de-html-02

Breve historia del HTML

HTML es un lenguaje de programación, que fue desarrollado por la Organización Europea de Investigación Nuclear (CERN) en el año 1945. Tenía como fin desarrollar un sistema de almacenamiento que evitara que se perdiera la información, conectadas todas a través de hipervínculos. Inicialmente crearon el “memex”, dispositivo que se consideraba un suplemento de la memoria.

Tambien Te Recomiendo Ver...

Ted Nelson, en 1965, adoptó el término hipervínculo, conectando una estructura de forma electrónica y que fue el inicio de la creación de la World Wide Web (WEB) en 1989. Esta fue una verdadera innovación y revolución en la informática.

Es un sistema de hipertexto, mediante el cual se puede compartir gran cantidad y variedad de información, a través de Internet. Se usó especialmente para comunicarse entre los investigadores nucleares del CERN.

Luego, Douglas Engelbart, creó OnLineSystem, consistente en un entorno de trabajo por computadora que tenía un catálogo, que servía para facilitar la tarea de búsqueda en un mismo organismo.

Historia-de-html-03

Vínculos de documentos electrónicos

Para el año 1989 ya existían dos técnicas que permitían vincular documentos electrónicos, estos eran, los hipervínculos o enlaces (hiperlinks o links) y un poderoso lenguaje de etiquetas, llamado SGML. En ese entonces, Tim Berners-Lee trabajaba en el Centro Europeo de Investigaciones Nucleares (CERN)  y da información a la prensa sobre un sistema, en el que estaba trabajando.

El mismo permitiría acceder a ficheros en línea y que funcionaría sobre las redes de las computadoras u otros dispositivos electrónicos, que estuvieran basados en el protocolo TCP/IP.

Al principio este sistema estaba dirigido solamente a los científicos de diferentes universidades e institutos de investigación, para que se pudieran comunicar y compartir informaciones a través de todo el mundo.

World Wide Web

A principios de 1990, define por fin el HTML como un subconjunto del conocido SGML y crea algo más valioso incluso, el World Wide Web (WWW).

Tim Berners-Lee, en 1990, propuso por primera vez una descripción del HTML a través de un documento, como un subconjunto del SGML. Describió por lo menos 22 componentes del diseño más simple y básico del HTML.

Se hizo de esta manera para que la codificación pudiera ser leída por cualquier tipo de ordenador, desde los más sencillos o tontos, hasta las mega-estaciones, tanto el lenguaje de intercambio, es decir, el HTML, como el de protocolo de red, HTTP. Así creó algo mucho más valioso, el World Wide Web (WWW).

SGML

Consideraba el HTML como una ampliación del Standard Generalized Markup Language (SGML), pero que formalmente se reconoció y salió publicado en 1993, por el Grupo de Trabajo de Ingeniería de Internet (IETF, siglas en inglés).

Fue la primera proposición para dar una especificación del HTML, un borrador del Hypertext Markup Language de Berners-Lee y Dan Connolly, en el cual incluían una definición de Tipo de Documento SGML, para definir la gramática utilizada.

Este borrador expiró a los seis meses, pero en él se reconoció la etiqueta propia del navegador Mosaic, que insertaba imágenes sin cambio de línea, siguiendo la filosofía del IETF, que basaba estándares en prototipos con éxito.

HTML sirve para indicar el orden del contenido de una página web, a través de marcas de hipertexto, que son etiquetas conocidas como “tags”, en inglés.

Hoy día, ya existen Editores Web que permiten a los diseñadores de páginas Web, mediante herramientas gráficas con el nombre de WYSIWYG, crear páginas sin necesidad de conocer el código HTML. Puede originarse de manera automática y darle estructura a la web, incluso más allá del ordenador donde está creada la página.

Ahora se podían enlazar al código HTML, fotografías, vídeos, archivos de la misma página y de otras páginas web, además de todo tipo de contenido que estuviera flotando en la red. (Ver artículo: Historia de Instagram)

Historia del WWW

Tim Berners-Lee fue el creador de la telaraña o tejido mundial, World Wide Web (WWW), al igual que un sistema que facilitó la lectura de información, a través de un programa de navegación. Lo desarrolló durante la segunda mitad de 1990, con el nombre de WorldWideWeb y rebautizado después como Nexus, para distinguirlo de la tecnología que representaba. Luego vinieron el Line Mode Browser y el ViolaWWW. (Ver artículo: Historia de la Web)

Pei-Yuan Wei presentó el ViolaWWW, desarrollado en 1992, el cual funcionaría en modo texto sobre un sistema operativo UNIX, siendo el primero en popularizarse entre los primeros usuarios de World Wide Web.

¿Cómo funcionan esas etiquetas?

Imaginen un trabajo (ensayo, monografía, u otros) que les asignaron, al que hay que darle, como es común el orden de ellos,  un título, una introducción, desarrollo y conclusión. Bueno, esas son las etiquetas que indican la estructura que lleva el trabajo, cómo va acomodado el texto dentro del trabajo.

Estas, además de ordenar el contenido, ayudan a los buscadores, léase Google, Yahoo Search y muchos otros, a encontrar más fácil la información.

El lenguaje de HTML utiliza las etiquetas, que van dentro de los caracteres o corchetes “Menor que (<) y mayor que (>)” y dentro de ellos el nombre de la etiqueta, ejemplo: <Inicio de la etiqueta>.

Pero como todo, debe tener un inicio y un fin, en la etiqueta de inicio se cumple con los parámetros dichos, es decir, con el texto dentro de  los caracteres, pero para finalizar, hay una diferencia: antes de escribir el nombre de la etiqueta se coloca una “diagonal (/)”, ejemplo: </Fin de la etiqueta>.

Aunque hay algunas que sólo se utilizan con el inicio de la etiqueta, como por ejemplo, las etiquetas de salto de línea (BR), las utilizadas para poner una imagen (IMG), entre otras.

Igualmente, el HTML sirve para describir la apariencia de un documento, hasta cierto punto, así como puede incluir o referirse a un tipo de programa, conocido como Script, el cual es capaz de afectar el comportamiento de los navegadores web, así como de otros procesadores de HTML.

Códigos HTML

Los códigos HTML tienen una estructura, deben iniciar con la etiqueta HTML. Se trata de un formato abierto, ya que no hay reglas para organizar las etiquetas que le darán cuerpo al texto.

Se utiliza para especificar los nombres de las etiquetas usadas para ordenar los distintos documentos dentro de una lista. Surgió de las etiquetas Standard Generalized Markup Language (SGML), traducido formalmente como  “Estándar de Lenguaje de Marcado Generalizado”.

Funciones

HTML le proporciona “valor añadido” a un texto estándar en español, ya que con los hiper textos conectan una página Web con otra, bien sea dentro de la misma página o pueden ser diferentes sitios web.

Cuando se sube información a internet y se vincula a páginas de otras personas, se está participando activamente en la red mundial del HTML. Describe los contenidos y estructuras que aparecen como textos, complementándolos con fotografías, animaciones, entre otras bondades.

Los códigos “scripts” brindan instrucciones específicas a los navegadores, los que se ocupan de procesar el lenguaje; los scripts más conocidos y utilizados son JavaScript y PHP.

Tipos de marcados

Utiliza dos tipos de marcados, uno estructural, que describe la finalidad del texto, más no define cómo se verá finalmente, ejemplo <h2>tecnología</h2>, que establece “tecnología” en segundo nivel, que en un navegador se mostraría de manera similar al título “Marcado HTML”, al principio.

La mayoría de los navegadores web han venido estandarizando el formato de los elementos. Se puede aplicar un formato específico a un texto, utilizando hojas de estilo, en cascadas. (Ver artículo: Historia de Bill Gates)

Y el presentacional, se encarga de señalar cómo se verá el texto, independientemente de su función. Así, cuando vea <b>negrita</b> indicará que los navegadores web deben mostrar el texto en “negrita”, más no indica que deben hacer los navegadores web con formatos diferentes de mostrar el contenido, por ejemplo, los que usan lectura en voz alta.

Un lector de pantalla no necesariamente va a hacer énfasis en el nombre de un libro, si está resaltado en letras itálicas, por ejemplo, en una pantalla. Este tipo de marcado ha sido desechado después de la versión 4.01, prefiriendo las hojas de estilo en cascada.

Si quiere conocer el código HTML utilizado por la página web que está visitando, seleccione “Ver código fuente” en el navegador de su preferencia o que esté utilizando en ese momento (Internet Explorer, Mozilla Firefox…). Se abrirá entonces el editor de texto que le mostrará el código HTML de la página que esté visitando. (Ver artículo: Historia del Internet)

Tambien Te Recomiendo Ver...

Elementos

La estructura básica del HTML está compuesta por elementos; éstos poseen dos propiedades básicas: atributos y contenido. Cumplen con ciertas restricciones para poder adaptarse en forma válida al documento HTML.

Por lo general, un elemento tiene una etiqueta de inicio (<nombre-de-elemento>), la que contiene los atributos y una de cierre (</nombre-de-elemento>), con el contenido, que va entre las dos etiquetas  (<nombre-de-elemento atributo=”valor”>Contenido</nombre-de-elemento>).

Elementos en línea

Usualmente los elementos en HTML son “en línea” o “en bloque”. Elementos en línea ocupan solamente el espacio que delimitan las etiquetas, que a su vez definen el elemento en línea.

Elementos en bloque

Los elementos en HTML son por lo general, elementos “en bloque” o “en línea”, los primeros ocupan todo el espacio de su elemento padre, o también llamado contenedor.

Imágenes

El atributo “crossorigin” para imágenes es introducido en la especificación HTML, que usando un CORS apropiado, facilita el uso de las imágenes en lienzos, así vengan cargadas desde otros orígenes externos, pareciendo que están cargadas desde el origen actual.

Atributos de configuración CORS

Algunos de los elementos que dan soporte al CORS, en HTML 5, como <img> o <video>, tienen un atributo crossorigin, que permiten configurar las peticiones CORS, con respecto a los datos cargados.

Control de la corrección ortográfica

Se puede escoger si activar o desactivar el corrector ortográfico, que Firefox incorporó para las áreas y campos de texto, en los formularios Web. Puede hacerse sólo para las áreas y campos de texto, o sólo para las áreas de texto.

Transmisión Adaptativa DASH

En HTML 5, la Transmisión Adaptable y Dinámica sobre HTTP (DASH – Dynamic Adaptive Streaming over HTTP), es un protocolo adaptable, es decir, que permite a un flujo de video cambiar las tasas de bits, acorde a la velocidad de la red, para poder reproducir el vídeo de manera aceptable.

Manejo del Foco

El atributo DOM active Element y el método DOM has Focus, permiten controlar la interactividad de la página, a la par de las acciones solicitadas del usuario. Pueden usarse ambos con propósitos estadísticos, así registran el número de pulsaciones sobre algunos enlaces específicos de la página, midiendo la cantidad de tiempo que tiene un elemento en el foco, de manera sucesiva.

Cuando esto además se combina con la tecnología AJAX se minimiza el número de peticiones al servidor, todo dependiendo del usuario y del diseño de la página.

Atributos globales

Estos pueden ser especificados en todos los elementos HTML, incluso en los que no están especificados como estándar. Es decir, que cualquier elemento no estándar debería permitir tales atributos, aun cuando el uso de estos elementos signifique que el documento no es compatible con el HTML 5.

Referencia de Atributos HTML

Los atributos son valores adicionales que tienen como función configurar los elementos o ajustar su comportamiento, de esta manera complacer los criterios de los usuarios.

Referencia de Elementos HTML

El HTML se compone de elementos, los cuales pueden ser modificados por cierta cantidad de atributos. El HTML es lo que describe la estructura y el contenido semántico, a través del lenguaje, de un documento web.

Microformatos

Estos son pequeñas plantillas utilizadas para marcar a personas, organizaciones, localizaciones, eventos, post en blogs, currículums, productos, recetas, etc…Con ellos se incrusta semántica en HTML y brinda un API utilizable por los motores de búsqueda, así como agregadores y otras herramientas.

WYSIWYG

Hay otros editores que realizan sitios web, usando las características WYSIWYG (What You See Is What You Get, traducido en español como: «lo que ves es lo que obtienes»). Con ellos se puede ver el resultado de lo que se está editando en vivo, en tiempo real, a medida que se desarrolla el documento.

Claro que no significa que es una manera distinta de realizar sitios web, sólo es más simple, ya que se puede trabajar con vista preliminar, con su propia sección HTML, que permite ir generando el código a medida que se trabaja. Algunos de estos editores con WYSIWYG son: KompoZer, Microsoft FrontPage o Adobe Dreamweaver.

Es muy interesante ver la combinación de esos dos elementos, ya que se ayudan entre sí. En el caso de editar todo en HTML y el desarrollador se olvida de algún código o etiqueta, sólo se debe dirigir al editor visual (WYSIWYG) y continuar con la edición o al contrario; a veces es más rápido y más fácil escribir directamente el código que el usuario quiera adherir al sitio antes que buscar la opción en el programa.

Hay otro tipo de editores llamados WYSIWYM, también de HTML, que anteponen el contenido y significado, antes que la apariencia visual. Con ello separan el contenido y la presentación, que son fundamentales en el diseño web.

Sucesores del HTML

El creador del original HTML fue Tim Bernes-Lee, versión que hubo de ser modificada por el rápido crecimiento de la web en el mundo. Se tuvo que crear un estándar para que los programadores y los navegadores, hablaran el mismo idioma en el momento de escribir HTML.

Cada una de esas versiones posteriores usa normas que distinguen cuáles son las etiquetas válidas y cómo es la manera correcta de escribir.

Los estándares oficiales del HTML son: HTML 2.0, el HTML 3.2, el HTML 4.0, el HTML 4.01 y el HTML 5. Éste último está vigente y se espera que siga evolucionando en los próximos años. El XHTML, una versión más avanzada del HTML, quedó integrado dentro del HTML 5, cuando se suponía que podía haberlo sustituido.

HTML+

Se hicieron trabajos para crear un sucesor del HTML, el llamado HTML+, en 1993. Originalmente fue diseñado para ser un superconjunto del HTML que pudiera ir evolucionando gradualmente, a partir del formato HTML anterior.

Se le dio el número de versión “2” para distinguirlo de otras propuestas no oficiales que habían salido antes. Nunca se pudo convertir en un estándar, aunque fue muy parecido al formato y el aspecto de las especificaciones existentes.

El prototipo del estándar HTML 3.0 fue propuesto por el W3C en marzo de 1995. Se agregaron otras nuevas capacidades, como la facilidad de crear tablas, permitir que el texto fluyera sobre las figuras y se mostraran elementos matemáticos complejos.

Su diseño era compatible con HTML 2.0 pero tuvo mucha complicación para ser implementado con la tecnología que había en esa época, por lo que el proyecto expiró en septiembre de 1995, por falta de apoyo de los fabricantes de los navegadores web.

Luego la versión HTML 3.1 no se propuso oficialmente y el siguiente, el HTML 3.2, con nuevas características adaptadas a los navegadores web Netscape y Mosaic. Abandonó muchas de las características del HTML 3.0. El HTML 4.0 se publicó en 1997, como parte de una recomendación del W3C; adoptó muchos elementos desarrollados para un navegador web específico, pero también limpió el HTML, desaprobando algunos de ellos.

Implementó, por ejemplo, características como XForms 1.0, que no necesitaba implementar motores de navegación, que no fueran compatibles con algunas páginas web HTML. La W3C, en el año 2004, reabrió el debate de la evolución del HTML y se conocieron algunas bases, para la versión HTML 5. Pero fue rechazada esa propuesta por los miembros del W3C y prefirieron desarrollar el XML.

¿Qué es WHATWG?

Pero Apple, Mozilla y Opera manifestaron interés en seguir con ese proyecto bajo el nombre de WHATWG, basándose en la compatibilidad con tecnologías anteriores. En el año 2007, el W3C se incorporó a este proyecto. Luego de desarrollar el HTML 5.

En 1995 se publica el estándar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estándar oficial de HTML, es decir, el HTML 1.0 no existió como estándar. HTML 2.0 no soportaba tablas.

HTML 3.2

Esta versión, HTML 3.2, fue publicada en 1997 y fue la primera recomendación de HTML publicada por el Consorcio Internacional W3C. Se incorporaron los últimos avances de las páginas web que se habían desarrollado hasta 1996, como applets de Java y la posibilidad de que el texto fluyera alrededor de las imágenes.

HTML 4.01

Publicada en diciembre de 1999 y denominada HTML 4.01. Desde que fue publicada W3C se enfocó en desarrollar el estándar XHTML, por tal razón, en el 2004, tanto Apple, Mozilla y Opera vieron con preocupación la falta de interés en HTML y se organizaron en una nueva asociación, la cual se llamó WHATWG  (Web Hypertext Application Technology Working Group).

Comenzaron a desarrollar el HTML 5 y lo publicaron, primero como borrador oficial, en enero del 2008. Debido a la marcada influencia y poder de estas empresas en el mercado, además de ver las publicaciones de los borradores del HTML 5, el W3C, en marzo del 2007, retomó la actividad del HTML, integrando el XHTML.

HTML 5, HTML 5.1, HTML 5.2

A finales de octubre de 2014, W3C liberó el HTML 5, publicado como estándar oficial. En él se incorporaron nuevos elementos con respecto al HTML 4.01.

Entre ellos están nuevas etiquetas, posibilidad de integrar audio y vídeo directamente en la web, sin necesidad de plugins y/o complementos en los navegadores, además de otras novedades. No se descarta la posibilidad de ir lanzando progresivamente más evoluciones del HTML 5.

¿Cuál es el más indicado?

El problema no es elegir uno u otro, sino crear páginas que se vean bien. Hay que aprender a construir y saber cuál es la lógica del HTML, antes que preocuparse cuál es la versión correcta o la concreta. Cuando se tiene experiencia desarrollando páginas web, se puede ver que las normas no están del todo claras. Por ejemplo, si conoces el HTML pero no has separado contenido y diseño, entonces puedes usar el HTML 5.

Uso del caché

El HTML 5 posee un mecanismo de caché, a modo de aplicación, que permite entre otras cosas, que las aplicaciones basadas en la Web puedan ejecutarse sin conexión. Así, los desarrolladores usan la AppCache para especificar cuáles son los recursos que el navegador debería guardar en la interfaz de Caché y tenerlos disponibles cuando el usuario no esté conectado.

Estas aplicaciones del caché se cargan y siguen funcionando correctamente, aun cuando los usuarios cliqueen el botón Recargar, mientras no estén conectados.

PHP y HTML

HTML es un lenguaje “de marcado” o un conjunto de etiquetas y códigos, que permite a los desarrolladores desplegar textos e imágenes, usar herramientas como texto en negrita, cursiva, tablas, además de enlazar a otras páginas o documentos.

PHP es un lenguaje “script” muy completo, que se ejecuta del lado del servidor, es decir, que sin el servidor no puede ser utilizado; permite acceso a bases de datos, es ensamblado en HTML, o sea, que sin HTML no podría tener salida. El código escrito en PHP es ejecutado en el servidor y después muestra la salida, a través del lenguaje HTML.

Todas las bondades del PHP, como lectura y escritura de archivos, accesos a bases de datos, manejo de fechas, manipulación y modificación de imágenes, entre otras, se pueden hacer con el servidor pero el resultado final, lo que sale en su navegador, debe ser desplegado en HTML, de manera que el navegador puede interpretarlo y acomodarlo al gusto del usuario.

El código PHP generalmente va en archivos .php (hay otras extensiones como .php3), y puede incluir tanto código PHP como HTML. Si no encierras el código PHP en las etiquetas <?php y ?> (estas son las más utilizadas), se interpreta como un código HTML. Es lo mismo, que renombres todas tus páginas .html a .php, modificando enlaces y todas las referencias que se quiera, siempre la página funcionará perfectamente igual.

Dejar Comentario