TEMA 1

INTRODUCCIÓN A LOS LENGUAJES DE

MARCAS

1 DEFINICIÓN

Un Lenguaje de Marcas se puede definir como una herramienta

para codificar información, donde junto con los datos propiamente
dichos, se incorporan etiquetas con información adicional relativa a
su estructura o presentación.

Ejemplos:

<remite>
<nombre>Juán Pérez</nombre>
<email>jperez@prueba.com</email>
</remite>

<b> Esto está en negrita </b>

El lenguaje de marcas especifica cuáles serán las posibles

etiquetas, dónde deben colocarse, y el significado de cada una de
ellas. Las etiquetas no se suelen presentar al usuario final, ya que
éste está más interesado en el contenido del documento.

Ejemplos de lenguajes de marcas son HTML, XHTML y XML en los

que nos centraremos en los siguientes temas de este módulo.

2 HISTORIA DE LOS LENGUAJES DE MARCAS

 Años 60: IBM, buscaba nuevas soluciones para compartir

información por parte de diferentes sistemas informáticos.
Diseñó el Generalized Markup Language o GML cuyo
principal objetivo era separar presentación del contenido. El
marcado, por tanto, se centra en definir la estructura del texto
y no su presentación visual.

 Años 80: El lenguaje GML fue un gran éxito y pronto se

extendió a otros ámbitos, siendo adoptado por el gobierno de
 Estados Unidos, con lo que surgió la necesidad de
estandarizarlo. La Organización Internacional para la
Estandarización publicaría el Standard Generalized Markup
Languaje SGML con rango de Estándar Internacional con el
código ISO 8879.

SGML es, estrictamente hablando, un metalenguaje, del

que se derivan varios lenguajes especializados.

SGML tuvo una gran aceptación y hoy día se emplea en

campos en los que se requiere documentación a gran escala.
A pesar de ello, resultó farragoso y difícil de aprender, como
consecuencia de la ambición de los objetivos previstos.

Fue un punto clave en el desarrollo de los lenguajes de

marcas actuales, ya que la gran mayoría derivan de este.

 1991: parecía que los editores WYSIWYG abarcarían casi la

totalidad del procesamiento de textos, relegando al SGML a
usos profesionales o industriales muy específicos. Sin
embargo, la situación cambió drásticamente cuando Tim
Berners-Lee, que había aprendido SGML de su compañero en
el CERN (Organización Europea para la investigación nuclear)
Anders Berglund, utilizó la sintaxis SGML para crear el HTML.

Este lenguaje era similar a cualquier otro creado a partir del

SGML, sin embargo, resultó extraordinariamente sencillo. La
flexibilidad y escalabilidad del marcado HTML fue uno de los
principales factores, junto con el empleo de URLs y la
distribución libre de navegadores, del éxito de la World Wide
Web.

El HTML es hoy día el tipo de documento más empleado en el

mundo. Su sencillez era tal que cualquier persona podía
escribir documentos en este formato, sin apenas necesidad de
conocimientos de informática. Esta fue una de las razones de
su éxito, pero también condujo a un cierto caos.

El crecimiento exponencial de la web en los años 90 produjo

documentos en cantidades ingentes, pero mal estructurados,
problema agravado aún más por la falta de respeto por los
estándares, por parte de diseñadores web y fabricantes de
software.
  1998: la respuesta al desorden y los problemas surgidos en
torno al HTML vino de la mano del XML (eXtensible Markup
Language).

El XML fue desarrollado por el World Wide Web Consortium

o w3c.

El objetivo principal era simplificar el SGML para adaptarlo a

un campo muy preciso: documentos en internet.

El XML es un metalenguaje que permite crear etiquetas

adaptadas a las necesidades. Es además especialmente
estricto en cuanto a lo que está permitido y lo que no, todo
documento debe cumplir dos condiciones: ser válido y estar
bien formado.

Un lenguaje creado en XML es el XHTML, la redefinición del

HTML en clave XML, con las ventajas que ello supone. Los
lenguajes basados en XML tienen aplicaciones incontables,
como en la transacción de datos entre servidores, intercambio
de información financiera, fórmulas y reacciones químicas, ...

3 CARACTERÍSTICAS

1. Texto plano

Una de las principales ventajas de este tipo de codificación es que

puede ser interpretada directamente, dado que son archivos de
texto plano. Esto es una ventaja evidente respecto a los sistemas
de archivos binarios, que requieren siempre de un programa
intermediario para trabajar con ellos.
Un documento escrito con lenguajes de marcado puede ser editado
por un usuario con un sencillo editor de textos, sin perjuicio de que
se puedan utilizar programas más sofisticados que faciliten el
trabajo.

Al tratarse solamente de texto, los documentos son independientes

de la plataforma, sistema operativo o programa con el que fueron
creados. Esta fue una de las premisas de los creadores de GML,
para no añadir restricciones innecesarias al intercambio de
información. Es una de las razones fundamentales de la gran
aceptación que han tenido en el pasado y del excelente futuro que
se les augura.

2. Compacidad

Las etiquetas se entremezclan con el propio contenido en un único

archivo o flujo de datos. Este es un ejemplo en diferentes lenguajes
de marcas:

3. Flexibilidad

Aunque originalmente los lenguajes de marcas se idearon para

documentos de texto, se han empezado a utilizar en áreas como
gráficos vectoriales, diseño de interfaces en Android, servicios web,
sindicación web,…. Estas nuevas aplicaciones aprovechan la
sencillez y potencia del lenguaje XML.
4 PRINCIPALES LENGUAJES DE MARCAS
4.1 HTML

El objetivo inicial de HTML es presentar información estática. Las

páginas web pueden ser vistas por el usuario mediante un tipo de
aplicación llamada navegador. Podemos decir por lo tanto que el
HTML es el lenguaje usado por los navegadores para mostrar las
páginas webs al usuario, siendo hoy en día la interface más
extendida en la red.

Como la mayoría de las tecnologías que se usan en Internet está

estandarizado por el W3C

Este lenguaje nos permite aglutinar textos, sonidos e imágenes y

combinarlos a nuestro gusto. Además, y es aquí donde reside su
ventaja con respecto a libros o revistas, el HTML nos permite la
introducción de referencias a otras páginas por medio de los
enlaces hipertexto.

El HTML se creó en un principio con objetivos divulgativos. No se

pensó que la web llegara a ser un área de ocio con carácter
multimedia, de modo que, el HTML se creó sin dar respuesta a
todos los posibles usos que se le iba a dar y a todos los colectivos
de gente que lo utilizarían en un futuro.

Sin embargo, pese a esta deficiente planificación, sí que se han ido

incorporando modificaciones con el tiempo, estos son los
estándares del HTML. Numerosos estándares se han presentado
ya: En la siguiente tabla se puede ver la evolución que ha sufrido el
lenguaje hasta el día de hoy:

Año Versión

1989 Tim Berners-Lee inventó www

1991 Tim Berners-Lee inventó HTML
1995 Se definió el HTML 2.0
1997 W3C definió la recomendación HTML 3.2
1999 W3C definió la recomendación HTML 4.01
2000 W3C definió la recomendación XHTML 1.0
2008 Se publicó el primer borrador de HTML5
2014 W3C definió la recomendación HTML5
2017 W3C definió la recomendación HTML 5.1
2017 W3C definió la recomendación HTML 5.2
Esta evolución tan anárquica del HTML ha supuesto toda una serie
de inconvenientes y deficiencias que han debido ser superados con
la introducción de otras tecnologías accesorias capaces de
organizar, optimizar y automatizar el funcionamiento de las webs,
como las CSS, JavaScript u otros.

Otros de los problemas que han acompañado al HTML es la

diversidad de navegadores presentes en el mercado los cuales no
son capaces de interpretar un mismo código de una manera
unificada. Esto obliga al webmaster a, una vez creada su página,
comprobar que esta puede ser leída satisfactoriamente por todos
los navegadores, o al menos, los más utilizados.

Además del navegador necesario para ver los resultados de nuestro

trabajo, necesitamos evidentemente otra herramienta capaz de
crear la página en sí. Un archivo HTML (una página) no es más que
un texto. Es por ello que para programar en HTML necesitamos un
editor de textos.

Existen otro tipo de editores específicos para la creación de páginas

web los cuales ofrecen muchas facilidades que nos permiten
aumentar nuestra productividad. No obstante, es aconsejable en un
principio utilizar una herramienta lo más sencilla posible para poder
prestar la máxima atención a nuestro código y familiarizarnos lo
antes posible con él. Siempre tendremos tiempo más delante de
pasarnos a editores más versátiles con la consiguiente ganancia de
tiempo.

Ejemplo:
4.2 XML

Los objetivos iniciales para los que se creó XML eran:

 Lenguaje estructurado, extensible y que se pueda validar.

 Permitir la transmisión de información realmente estructurada.

XML no es realmente un lenguaje en particular, sino una manera de

definir lenguajes para diferentes necesidades. Uno de estos
lenguajes que usan XML para su definición es XHTML.

XML no ha nacido sólo para su aplicación en Internet, sino que se

propone como un estándar para el intercambio de información
estructurada entre diferentes plataformas de una manera segura,
fiable y fácil. Se puede usar en bases de datos, editores de texto,
hojas de cálculo y casi cualquier cosa imaginable.

Ejemplo:
4.3 XHTML

Nace debido a la evolución anárquica y desordenada de HTML.

Actualmente en HTML se puede escribir cualquier cosa de cualquier
modo, y de todas maneras, la página se muestra más o menos
convenientemente en uno u otro navegador.

XHTML es una adaptación de HTML al lenguaje XML, por lo que

mantiene casi todas sus etiquetas y características, pero añade
algunas restricciones y elementos propios de XML.