Lenguajes de marcado: GML, SGML, HTML, XML y XHTML

Los lenguajes de marcado son fundamentales para la estructura y presentación de la información en la web. A continuación, exploraremos la evolución de estos lenguajes, desde sus orígenes hasta las tecnologías actuales.

GML: Los Orígenes en los Años 80

En los años 80, IBM propuso un sistema de documentos que identificase cada uno de sus elementos lógicos. IBM desarrolló una especie de lenguaje de ordenador que combinara instrucciones y texto. El principal problema antes de usar GML era que cada aplicación utilizaba sus propias marcas para describir los diferentes elementos.

SGML: La Base de los Estándares ISO

La ISO creó su lenguaje a partir del GML de IBM. SGML no almacena el diseño sino la estructura de los documentos. Lo hace mediante tags que incluyen signos e indican cuándo comienzan y terminan un título, lista, etc. El objetivo era poder asegurar electrónicamente que los documentos fuesen independientes de los formatos de archivo binario, pero no se popularizó porque era muy complicado.

HTML: La Revolución de la Web

HTML se forma cuando Tim Berners-Lee tomó SGML y lo combinó con la idea de que en un documento se pudiese crear un enlace para acceder a otro. Le dio una interfaz gráfica a todos los servicios existentes mediante código ASCII, SGML simple y con hipervínculos. Actualmente se trabaja con HTML 5.0.

XML: Flexibilidad y Compatibilidad

Pese a los intentos de sus comienzos, la estructura y el diseño se mezclan, lo que causa problemas a la hora de intentar navegar páginas con diversas tecnologías. XML es una versión más sencilla de SGML y más fácil de aplicar, diseñada para hacer frente a los problemas de compatibilidad y adaptabilidad de las nuevas tecnologías. Una diferencia fundamental de XML es que no hay elementos predefinidos (cada usuario puede crear su propio lenguaje para el formato de datos). Otra diferencia con HTML es que XML es puramente estructural, no incluye información relativa al diseño y solo almacena datos y estructura.

XHTML: HTML Reformulado en XML

XHTML es una reformulación del HTML basada en XML. Tiene varias diferencias con HTML pero es compatible con este. Diferencias de XHTML con HTML:

• Todo el marcado se debe escribir en minúsculas.
• Todas las etiquetas deben cerrarse como <hr/>.
• El orden con que se encadenan diferentes etiquetas debe tenerse en cuenta al momento de escribirse las etiquetas de cierre.
• Los atributos de las etiquetas deben ir entrecomillados, esto lleva a que los atributos que tenían su valor por su simple aparición en la etiqueta, ahora deban cambiar su sintaxis para adaptarse al XML.

XSL: Hojas de Estilo Avanzadas

XSL es un lenguaje para utilizar hojas de estilo e intenta superar las restricciones que tienen las hojas de estilo en cascada o CSS. Es desarrollado por el grupo de trabajo del consorcio W3C. Consta de tres partes:

• Lenguaje para transformar documentos XML.
• Lenguaje de expresión para acceder o referirse a partes de un documento XML.
• Vocabulario para la especificación de formateo de semánticas.

El Lenguaje de Marcas: Estructura y Semántica

Un lenguaje de marcas es una forma de codificar un documento que incorpora etiquetas o marcas que contienen información adicional acerca de la estructura del documento. Además, especifica cuáles serán las marcas o etiquetas posibles.

Marcas: Delimitando el Contenido

Las marcas son códigos que indican a un programa cómo debe tratar su contenido y así dicho texto o contenido debe ir delimitado por la marca que indique.

Los lenguajes de marcas son archivos de texto plano, es decir, aquellos formados exclusivamente por texto sin ningún formato.

Compacidad

Las instrucciones de marcado se entremezclan con el propio contenido en un único archivo o flujo de datos.

Etiquetas: Instrucciones para el Navegador

Una etiqueta es una marca que delimita una región en los lenguajes basados en XML, HTML, etc. Las etiquetas dan al navegador las instrucciones necesarias para que presente la página en pantalla, si están alineados a un lado o centrados, si hay tablas. Forman parte del código de una página web y llevan los símbolos <>. También indican cómo actuarán en el mismo documento los elementos no destinados a ser visibles en pantalla.

Atributos: Información Adicional

Los atributos aportan información adicional a las etiquetas, se incluyen dentro de la etiqueta de apertura. No todos se pueden utilizar en todas las etiquetas. Si el valor de un atributo no es válido, el navegador lo ignora.

• Atributos básicos: se utilizan en todas las etiquetas HTML (id, class).
• Atributos de internacionalización: los utilizan páginas que muestran sus contenidos en varios idiomas o aquellas que quieren indicar de forma explícita el idioma de sus contenidos.
• Atributos de eventos: solo se utilizan en las páginas web dinámicas creadas con JavaScript.